JS+HTML5+CSS3聚集地程序员

真的假的,我不敢相信这是程序员用JS写出来的?

2017-06-24  本文已影响83人  DarkSpy13

一前端工程师说这是他用JavaScript写出来的,当时看到我是不相信的,可后来想想也不是不可能完成,因为可以用CSS3+canvans结合来写这样的特效,虽然说不是动态特效,但是这类似于3D全景预览了,可是确实是用JavaScript写出来的。

由于不能制作太大,就弄了这部分

为什么说不敢相信呢,因为他是自学的,虽然说自学了半年多。可是写出这样的效果来之后,能找着工作吗?有大佬给点建议吗?我朋友,荒废很久了。

知识点: three.js+3D+webGL ,这也是我看了之后能想到的几点。

我想了想,如果我们自己能自学半年能达到这个地步,也是不错了的。至于源码,给各位大佬上图。

如果有想获取源码的小伙伴们,可以来交流群:621071874,我已经把原案例全都coopy过来了。

CSS

JS

其实这就是相当于一个载体,这个载体的作用就是将三维引擎的内容呈现在其中,关键是自定义一个id名字,我用canvas,其余都正常。

然后把你想要做动态展示的标签写出来,放在id=‘canvas’元素里,每个标签都需要有id属性。因为我是动态生成的,就不举例子了。three.js可以查找页面中元素放到三维界面当中,也可以输出元素(js方式)到界面中,为了简单我自己做好标签元素然后进行提取。

最后,还望各位大佬给出点意见,欢迎评论。

上一篇下一篇

猜你喜欢

热点阅读