美文网首页JS+HTML5+CSS3聚集地程序员
真的假的,我不敢相信这是程序员用JS写出来的?

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

作者: DarkSpy13 | 来源:发表于2017-06-24 21:56 被阅读83次

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

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

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

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

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

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

    CSS

    JS

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

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

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

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/ggtlcxtx.html