logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

three.js使用外部模型创建动画,使用GLTF格式文件动画创建动画(vue中使用three.js71)

使用GLTF格式文件动画创建动画1.demo效果2. 实现要点2.1 加载GLTF文件2.2 创建AnimationMixer动画2.3 render中更新动画3. demo代码1.demo效果2. 实现要点2.1 加载GLTF文件加载gltf文件,首先要引入GLTF加载器,需要在vue文件中显示引入import { GLTFLoader } from 'three/examples/jsm/lo

three.js使用CubeCamera创建反光效果,动态环境贴图实现,立方体全景贴图(vue中使用three.js83)

使用CubeCamera创建反光效果1.demo效果2. 实现要点2.1 创建立方体相机CubeCamera2.2 使用动态环境贴图材质2.3 render中更新立方体相机2.4 创建场景的全景贴图2.5 创建场景中的模型3. demo代码1.demo效果2. 实现要点2.1 创建立方体相机CubeCamera创建立方体的语法如下const cubeCamera = new THREE.CubeC

vue实用demo使用表格(el-table)的span-method属性实现表格行合并

1 demo效果如上图实现表格中性别这一列实现行合并2 实现要点

vue3.0项目引入three.js的方式(vue中使用three.js01)

1.在index.html文件中引入<script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/three.js"></script>2.通过npm下载依赖包引入注:以下操作是vue-cli3.0的引入的实现步骤下载依赖包npm install --s three配置文件设置在项目目录下创建vu

vue-color插件取色器拾色器使用示例,vue实用demo颜色选择器Sketch组件使用,vue中选色板使用示例

npm install vue-color<template><section><label>ddd</label><div @click="handleShowColor"><el-input disabled :value="color"></el-input></div><div v-sho

#javascript
three.js之高级几何体-ParametricGeometry自定义几何体(vue中使用three.js35)

ParametricGeometry自定义几何体介绍和使用1.ParametricGeometry自定义几何体介绍2.ParametricGeometry自定义几何体使用2.1定义function2.2创建ParametricGeometry几何体对象2.3附材质创建Mesh对象并添加到场景3.demo说明4.demo代码1.ParametricGeometry自定义几何体介绍Parametric

#webgl#javascript
three.js之材质-LineBasicMaterial介绍和使用(vue中使用three.js19)

LineBasicMaterial材质介绍和使用1.LineBasicMaterial材质介绍2.demo效果3.demo代码1.LineBasicMaterial材质介绍LineBasicMaterial材质是用来渲染线段的材质,可以通过该材质来设置线段的颜色、宽度、端点和连接点,下面是该材质的常用属性属性描述color指定线的颜色,如果指定了vertexColor,该属性会被忽略linewid

#webgl#javascript
模拟楼宇扫光效果(three.js实战12)

1.demo效果2. 实现要点2.1 创建shader材质let buildingSweepingLightShader = {uniforms: {"boxH": {type: "f",value: -10.0}},vertexShader: `varying vec3 vColor;varying float v_pz;..

文章图片
three.js之材质-MeshLambertMaterial介绍和使用(vue中使用three.js16)

MeshLambertMaterial材质介绍和使用1.MeshLambertMaterial材质介绍2.demo说明3.demo代码1.MeshLambertMaterial材质介绍MeshLambertMaterial材质用来渲染看上去暗淡不光亮的表面,该材质会对场景中的光源产生反应,这个材质可以配置的其他属性有color、opacity、shading、blending、depthTest、

#webgl#javascript
three.js加载OBJ格式模型(vue中使用three.js51)

加载OBJ格式模型1.demo效果2.实现要点2.1 OBJ模型放置路径2.2 加载OBJ模型3.demo代码1.demo效果如上图,该demo通过OBJLoader加载了OBJ格式的模型,并添加了棕色材质2.实现要点2.1 OBJ模型放置路径vue中加载文件时默认的路径为public下,所以需要加载的文件放在该路径下,同时在vue的data属性中创建变量publicPath,此变量的值是vue中

#webgl#3d
    共 47 条
  • 1
  • 2
  • 3
  • 4
  • 5
  • 请选择