three.js入门第一个案例

最新推荐文章于 2024-06-07 15:45:53 发布

沈世钧

最新推荐文章于 2024-06-07 15:45:53 发布

阅读量368

点赞数

本文链接：https://blog.csdn.net/x8010457jiaozh/article/details/103971114

版权

准备工作

1.运用three.js进行3d开发，其实和页面编程一样，首先需要在html文件中引入three.js。Three.js使用面向对象的方式来构建程序，它包含3个基本对象：场景（scene）, 相机（camera）, 以及一个渲染器（renderer）。

第一步：引入three.js.

    <!DOCTYPE html>
    <html>
        <head>
    <meta charset=utf-8>
    <title>My first Three.js app</title>
        </head>
        <body>
    <script src="https://cdn.bootcss.com/three.js/r83/three.min.js"></script>
    <script>
        // 这个位置是留给后面初始化和开发3d页面的js代码
    </script>
        </body>
    </html>

第二步：用js代码创建3D场景（scene），非常简单就一行代码.

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

沈世钧

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
three.js入门第一个案例

准备工作1.运用three.js进行3d开发，其实和页面编程一样，首先需要在html文件中引入three.js。Three.js使用面向对象的方式来构建程序，它包含3个基本对象：场景（scene）, 相机（camera）, 以及一个渲染器（renderer）。第一步：引入three.js. <!DOCTYPE html> <html> ...
复制链接

扫一扫