学习 WebGL 的开源库 Three.js

最新推荐文章于 2024-05-16 09:35:42 发布

u010019717

最新推荐文章于 2024-05-16 09:35:42 发布

阅读量3.2k

点赞数 1

分类专栏： Node.js&Typescript&H5游戏

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/u010019717/article/details/62435612

版权

百度第一个词条是： http://hewebgl.com/ 然后就照着学习呗，后面是需要花钱的！开发环境搭建 VS Code（编辑器） + python（自带的文件服务器） + Three.js（WebGL）库 1、新建一个空的文件夹 “ThreeWebglProject”

摘要由CSDN通过智能技术生成

孙广东 2017.3.4

http://blog.csdn.NET/u010019717

百度第一个词条是： http://hewebgl.com/ 然后就照着学习呗，后面是需要花钱的！

开发环境搭建

VS Code（编辑器） + python（自带的文件服务器） + Three.js（WebGL）库

1、新建一个空的文件夹 “ThreeWebglProject”，然后使用VS Code打开

2、Ctrl + · 启动终端，输入命令： git clone https://github.com/mrdoob/three.js.git 下载Three.js 项目到这个路径下。

3、新建第一个文件： Test1.html

<!DOCTYPE html>

<html>

<head>

<title></title>

<style>canvas { width: 100%; height: 100% }</style>

<script src="/three.js/build/three.js"></script>

</head>

<body>

<script>

var scene = new THREE.Scene();

var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);

var renderer = new THREE.WebGLRenderer();

renderer.setSize(window.innerWidth, window.innerHeight);

document.body.appendChild(renderer.domElement);

var geometry = new THREE.CubeGeometry(1,1,1);

var material = new THREE.MeshBasicMaterial({color: 0x00ff00});

var cube = new THREE.Mesh(geometry, material); scene

最低0.47元/天解锁文章

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
学习 WebGL 的开源库 Three.js

百度第一个词条是： http://hewebgl.com/ 然后就照着学习呗，后面是需要花钱的！开发环境搭建 VS Code（编辑器） + python（自带的文件服务器） + Three.js（WebGL）库 1、新建一个空的文件夹 “ThreeWebglProject”
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。