Three.js
关注
分享
扫一扫
rainning_z
写博客的目的：记录自己遇到的问题，强化自己学习的知识，分享和讨论，很菜更要记录下来，好记性不然烂笔头,整理过的知识才能更好掌握
展开
-
Three.js 3d 轮播图，圆形轨迹
效果图：直面变弯曲核心代码： geometry = new THREE.BoxGeometry(100, 100, 5, 600, 1); // 需要长：280，高300 平分6分，60度，中间有间隙取50度，通过公式，为L=n× π× r/180，L=α× r。其中n是圆心角度数，r是半径，L是圆心角弧长得 r=320,n=50,弧度=280， ...原创 2019-12-18 12:01:12 · 2732 阅读 · 0 评论 -
Three.js 扇形圆形
最近需要一个类似轮播的3d效果，6个轮播，每页图片280*300，记录下案例demo当前版本104直接下载官网案例：https://github.com/mrdoob/three.js/参考学习案例：https://techbrood.com/threejs/examples/#webgl_geometry_shapes我的代码：<!DOCTYPE html>&...原创 2019-12-10 11:42:57 · 1623 阅读 · 0 评论 -
Three.js 入门1 零基础快速上手（示例）
学习three.js过程中的事例记录下来，方便后期复习学习资料来源：http://www.hewebgl.com/示例1.初步了解简单API场景（scene）、相机（camera）和渲染器（renderer）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...原创 2019-05-10 14:27:57 · 546 阅读 · 0 评论 -
Three.js 入门2 零基础快速上手（地球和月亮 示例）
threejs官网：https://threejs.org/版本更迭很快，我用的r104复制粘贴出效果<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-s...原创 2019-07-03 11:20:41 · 1178 阅读 · 0 评论