logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue+高德地图信息窗体如何实现点击事件

vue+高德地图信息窗体如何实现点击事件概述代码概述在高德地图中,使用infoWindow来创建信息窗体,如果是原生的html+css,可以很方便的实现信息窗体的绑定事件,直接在需要交互的部分直接使用onclick进行绑定即可,但在vue中这么使用并不行,并不能把绑定的方法直接写在methods中,这是因为vue中methods的方法是只对template模板中的内容才起作用,我们传递到infoW

maptalks+three实战项目 智慧城市项目

maptalks+three 智慧城市项目概述搭建开发环境搭建maptalks+three场景创建灯光加载建筑模型加载流光道路加载水系加载大厦模型加载飞行线条创建圆锥体创建文本概述经过上一次使用three.js做了个demo,这次使用maptalks+three+vue来继续开发一个demo玩玩先看视频效果:搭建开发环境使用的开发框架是vue-cli3.0, webgl使用three.js,地图使

文章图片
#webgl
AR室内导航-Three.js

AR室内导航-Three.js概述初始化室内地图创建楼层控件导航使用Three.js 生成AR模块原理初始化Three概述这一次的AR室内导航是使用蜂鸟云地图加上three.js做的,具备室内楼层切换,2D/3D模型切换,指北针控件,AR开启/关闭。模拟室内导航的功能,先来看看视频效果AR室内导航初始化室内地图初始化蜂鸟云室内地图很简单,使用的也是蜂鸟云自带的地图数据vue文

文章图片
#ar#javascript#开发语言
three.js 楼层加载动画

three.js 楼层加载动画

文章图片
#webgl
AR室内导航-Three.js

AR室内导航-Three.js概述初始化室内地图创建楼层控件导航使用Three.js 生成AR模块原理初始化Three概述这一次的AR室内导航是使用蜂鸟云地图加上three.js做的,具备室内楼层切换,2D/3D模型切换,指北针控件,AR开启/关闭。模拟室内导航的功能,先来看看视频效果AR室内导航初始化室内地图初始化蜂鸟云室内地图很简单,使用的也是蜂鸟云自带的地图数据vue文

文章图片
#ar#javascript#开发语言
three.js canvas做为纹理贴图需要注意的点

canvas做为纹理贴图需要注意的点概述代码概述在使用three.js开发的过程中,我们常常使用canvas来作为纹理贴图。但最后的效果总会被压缩或者模糊,这是由于什么原因造成的呢,这篇文章我们就来实际测试一下代码首先我们先创建一个canvas,宽高为1024,512let canvas = document.createElement("canvas");canvas.width = 1024;

#webgl
AR人脸识别 Three.js + tensorflow.js(一)

AR人脸识别 Three.js + tensorflow.js(一)概述tensorflow.js介绍项目搭建初始化摄像头初始化three.js概述这一期来使用Three.js和tensorflow.js来完成一个AR人脸识别的项目,主要使用的前端框架为Vue,项目中主要的功能点有可以实现人脸替换,在摄像头检测检测到人脸后会将人脸替换成一个预先准备好的人脸模型,然后我们人脸移动和变化的时候模型会跟

文章图片
#ar#javascript#tensorflow
three.js+blender 0~1智慧园区教学第一节

如有不明白的可以加wx: aichitudousien先看看视频效果three.js +blender 0~1智慧园区blender建模 , 会完全从基础开始建造园区模型,在学完后,相信你也可以独立完成建筑模型美术如何和程序开发配合,在业务中,我们的模型是需要根据业务需求去建模的,怎么分组,怎么命名,通过本门课程都可以学习到three.js完整开发流程(包含效果:相机飞行,文本渲染,模型渲染,后处

文章图片
#javascript#blender#开发语言
Three.js项目 智慧城市(四)

概述我们接着上一篇文章接着向下做,此时我们已经成功创建了场景,加载模型和天空盒,车流,现在我们来创建一些文本创建文本想要创建文本,我这边使用得方案是canvas贴图,当然使用css3DRender这些都可以首先我们先创建html<div class="sprite-canvas"><span class="sprite-layer">${name}</span>

文章图片
#webgl
Three.js实战项目 模型拆解项目

Three.js 模型拆解项目概述初始化场景,相机,灯光,天空盒拆解模型原理拆解模型合并模型模型文本鼠标移动时更新文本概述写一个Three.js 模型拆解项目,先看视频效果three.js 模型拆解项目初始化场景,相机,灯光,天空盒此部分代码可在博客中的智慧城市项目中搜索到,就不在重复粘贴了,都是一样的,天空盒的素材是在three的demo素材里面,随便用一个就好了,这个无关紧

文章图片
    共 18 条
  • 1
  • 2
  • 请选择