
threejs-交互事件
凌风子夜
天作棋盘星作子,谁人敢下?
地当琵琶路当丝,哪个能弹?
展开
-
threejs interactive -1 Raycaster(光线投射对象拾取)
光线投射Raycaster这个类用于进行raycasting(光线投射)。 光线投射用于进行鼠标拾取(在三维空间中计算出鼠标移过了什么物体)。Raycaster构造器:Raycaster( origin : Vector3, direction : Vector3, near : Float, far : Float ) {origin —— 光线投射的原点向量。direction ——...原创 2019-05-08 10:07:40 · 2844 阅读 · 0 评论 -
threejs interactive -2 Raycaster之移动端事件处理
threejs的raycaster常用在PC端,但移动端的处理也不能忽略,手机和PC获取屏幕位置的方式不一样,PC端的详见上一篇文章,PC端有点击,获取鼠标移动状态,而移动端只有触摸(touch)。二维屏幕坐标转3维世界坐标对比:PC端:click,mousemove等 mouse.x=(event.clientX/window.innerWidth)*2-1; mouse....原创 2019-07-29 16:33:43 · 2116 阅读 · 1 评论 -
threejs 使用SVG格式绘制地图
使用SVG绘制图形很简单,绘制地图也是一样。首先需要一个地图的SVG格式配置文件,我这里找了一个<script type="text/javascript" src="js/0_public/chinaMapConfig.js" ></script>//中国地图然后将SVG格式的字符串转换为THREE.Shape对象,此时需要引入插件<script type...原创 2019-08-12 11:51:32 · 3437 阅读 · 17 评论