一前端工程师说这是他用JavaScript写出来的,当时看到我是不相信的,可后来想想也不是不可能完成,因为可以用CSS3+canvans结合来写这样的特效,虽然说不是动态特效,但是这类似于3D全景预览了,可是确实是用JavaScript写出来的。
由于不能制作太大,就弄了这部分
为什么说不敢相信呢,因为他是自学的,虽然说自学了半年多。可是写出这样的效果来之后,能找着工作吗?有大佬给点建议吗?我朋友,荒废很久了。
知识点: three.js+3D+webGL ,这也是我看了之后能想到的几点。
我想了想,如果我们自己能自学半年能达到这个地步,也是不错了的。至于源码,给各位大佬上图。
如果有想获取源码的小伙伴们,可以来交流群:621071874,我已经把原案例全都coopy过来了。
CSS
JS其实这就是相当于一个载体,这个载体的作用就是将三维引擎的内容呈现在其中,关键是自定义一个id名字,我用canvas,其余都正常。
然后把你想要做动态展示的标签写出来,放在id=‘canvas’元素里,每个标签都需要有id属性。因为我是动态生成的,就不举例子了。three.js可以查找页面中元素放到三维界面当中,也可以输出元素(js方式)到界面中,为了简单我自己做好标签元素然后进行提取。
最后,还望各位大佬给出点意见,欢迎评论。
网友评论