28个精美网页3D交互应用展示整理(三)

2017-07-19 00:09:54 上海顶互智能科技

 

上 海顶互智能科技有限公司

提供专业在线网页3D解决方案

29个非常酷炫的网页3D演示效果(基于H5 WebGL技术)(三)

29 Impressive Examples for Learning WebGL 


21.  WebGL Water

This incredible demo is as fluid as you could believe.  Raise and drop the ball into the water to see realistic, beautiful splashing of the water.  You can also just click the water to see it ripple away.  I'm completely awestruck at how realistic and smooth the animation is in this excellent WebGL demo.  Unreal.

         Web3D模拟水池波动

22.  Fizzy Cam

Fizzy Cam uses your machine's webcam to display your likeness but with thousands of moving blocks overlaid, giving a fun and artsy feel to the display.  The boxes move with motion so move about as you use the demo and marvel at how creative this WebGL demo is.

   3D模拟泡沫腾涌

23.  Blossom

The Blossom demo animates leaves from a tree.  That sounds simple but there's something very realistic about this WebGL treat; the leaves look so real and flow so naturally that you can't help but keep watching.  Call me soft but I think this animation is incredibly beautiful.

      3D技 术模拟树叶花瓣的飘洒飘动效果

24.  Teach Me to Fly

Teach Me to Fly is a fun game where your character flies through the air and it's your job to guide him around buildings.  The controls are simple, the game is simple, and yet it's very fun and challenging to play.  The 3D buildings look outstanding and control is spot on.

                3D模拟滑翔飞行

25.  Visualeyezer

This demo features an enormous eye that follows your cursor around the screen, all the while pulsating and changing colors as music plays.  Unsettling?  A bit.  Impressive?  Absolutely.  The detail within the the lessor obvious parts of the eye is what really caught my attention -- fluid, smooth, and consistent.

              3D模拟眼球

26.  Nucleal

Nucleal is another particle-based animation but this one transcends others.  Choose the amount of particles to use (i.e. how toasted you want your CPU to get) and drag/hold around the animation to view different perspectives.  The particles also animate at and curves to an amazing smoothness.

28个精美网页3D交互应用展示整理(三)

                            3D烟雾模拟

 

27.  Interactive Globe

This interactive globe is amazingly reactive and practical.  As you drag/pull around the globe, the information labels fluidly display.  The revolving, animating spheres round the globe also add great visual appeal.

       大 数据实时模拟最新的数据   

 

 

28.  Ellie Goulding's Lights

This demo may be the most impressive of the lot but I have to feature it last to hide my shame in that I really enjoy this...song.  Oh, but the demo.  This demo is outstanding, with lights...lots of lights.  As the music plays in the background, you navigate a beam of light through hills of lights.  Press down on your mouse and the beam of light accelerates.  As the demo continues, more and more lights and colors come into the animation.  I can't recommend this demo enough.

        虚幻的多彩光流3D虚拟仿真模拟

 

I have to say that I believe these nine demos are shocking and possibly better than the original nine.  The great work being done by animators is awe-inspiring and hugely ambitious.  I hope you strive to greatness after seeing these massive demos!

 

整理自网络,感谢原作者

来源

https://tutorialzine.com/2013/09/20-impressive-examples-for-learning-webgl-with-three-js

https://davidwalsh.name/webgl-demo

本系列完!

友情链接:    福来宝娱乐彩票   大发彩票 - 安全购彩   浙江11选5--首页_欢迎您   福迎门彩票平台   大神彩票开户