• 2024-09-23场景初始化
    获取初始化的元素//常规consttargetdom = document.getElementById('targetdom')//vue3consttargetdom = ref('targetdom')//reactconsttargetdom = ref('targetdom')初始化相机、场景、光源、renderconstcamera=newThree.PerspectiveCamera(
  • 2023-12-19Shadow DOM处理html渲染,样式隔离
    参考文章https://cloud.tencent.com/developer/article/1965869handleDetailData(){this.content=`<style>${markdown.style}</style>${this.content}`;//使用示例constcontainerElement=docume
  • 2023-07-18EaselJS 源码分析系列--第三篇
    这一篇分析另外四个稍显高级的显示类--Sprite、Movieclip、DOMElement、BitmapTextSpriteSheetSpriteSheet比较简单它继承自EventDispatcher所以SpriteSheet并不是显示类它是显示类Sprite的数据来源为Sprite传递组装SpriteSheet实现动画效果如:vardata={
  • 2023-07-01碰撞测试(附源码)
    这里没有办法展示动态效果,具体动态效果请复制到浏览器并在浏览器控制台上查看具体效果:CSS部分:<style>*{margin:0;padding:0;}div{position:absolute;top:0;left:0;
  • 2023-06-13碰撞测试
    <script>constdiv1=document.getElementById('div1')constdiv2=document.getElementById('div2')functionmove(domElement){domElement.onmousedown=function(e){constmouseX=e.clientX,mouseY=e.clientY,oldLeft=domEle
  • 2023-06-13Three.js教程:渲染器
    推荐:将NSDT场景编辑器加入你的3D工具链。其他系列工具:NSDT简石数字孪生渲染器生活中如果有了景物和相机,那么如果想获得一张照片,就需要你拿着相机,按一下,咔,完成拍照。对于threejs而言,如果完成“咔”这个拍照动作,就需要一个新的对象,也就是WebGL渲染器WebGLRenderer(opensnewwin
  • 2023-03-24js保存文件到本地
    使用原生方法保存文件到本地基本流程确定要保存的文本、保存格式及保存文件类型;根据保存格式生成url链接,设置文件的下载地址;创建一个a标签(即a标签指向的就是我们要
  • 2023-02-09three.js教程8-渲染器和前端UI界面
    1、html的UI交互界面与Canvas画布叠加需求:把threejsCavnas画布和HTML元素叠加布局,在canvas上添加按钮,通过按钮点击修改canvas场景。//canvas画布绝对定位renderer.do
  • 2022-09-30threejs-模型点击以及添加CSS2DObject
    模型点击事件网上教程挺多的,官网好像也有demo,这里我就只记录我碰到的问题以及解决方案:首先要清楚一件事,就是模型的展示需要一个容器,当这个容器是body|window和非全屏的