当前位置: 首页 > news >正文

网站建设中忽略的字体侵权行为wordpress主题开发文档

网站建设中忽略的字体侵权行为,wordpress主题开发文档,网络营销课程实训总结,seo引擎优化培训模型加载功能探索,用blender导出了个glb格式的cube进行的测试。 初接触js语法,回调注册的地方直接使用匿名函数总感觉脑子跟不上,反应不过来,就把加载后的回调简单封装了下, 官方文档是直接使用的匿名函数。 另外看官方…

模型加载功能探索,用blender导出了个glb格式的cube进行的测试。
初接触js语法,回调注册的地方直接使用匿名函数总感觉脑子跟不上,反应不过来,就把加载后的回调简单封装了下,
官方文档是直接使用的匿名函数。
另外看官方文档对模型加载功能描述,感觉实战中会遇到很多坑,等之后遇到再详细研究,这次只记录基础功能。

import * as THREE from 'three'
import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
// 定义相关变量
let scene,camera,renderer
let hesLight,dirLight,sportLight // 初始化场景
scene = new THREE.Scene()
scene.background = new THREE.Color("rgb(0, 50, 150)");//设置背景色
//设置灯光,不设置所有模型都是黑色的,灯光详细设置之后研究
hesLight = new THREE.HemisphereLight(0xffffff,0x444444)
hesLight.intensity = 0.6
scene.add(hesLight)
dirLight = new THREE.DirectionalLight()
dirLight.position.set(5,5,5)
scene.add(dirLight)
sportLight = new THREE.SpotLight(0xffffff)
sportLight.position.set(0,10,10)
scene.add(sportLight)// 加载模型  模型在工程根目录
loadModelGLB('../testmodel.glb',loadModelSucceed,loadModelFail);// 初始化相机 设置相机位置,让模型在相机视野范围内
camera = new THREE.PerspectiveCamera(75,window.innerWidth / window.innerHeight,0.1,100)
camera.position.set(0,3,10)//设置相机位置
// 初始化渲染器
renderer = new THREE.WebGLRenderer({antialias:true})
renderer.setPixelRatio(window.devicePixelRatio)
renderer.setSize(window.innerWidth,window.innerHeight) 
document.body.appendChild(renderer.domElement) //个人理解,类似Unity的Update,但不完全相等,不调用此函数会导致模型不显示
//更像是渲染层的Update,不知道和unity shader中的 顶点、片元着色器函数是否一样
update();//设置拖拽窗口改变大小时,画面自适应更改分辨率
window.addEventListener('resize',function() { camera.aspect = window.innerWidth / window.innerHeightcamera.updateProjectionMatrix()renderer.setSize(window.innerWidth,window.innerHeight)
})function update() {requestAnimationFrame(update);renderer.render(scene,camera);
}//==============================加载模型================================================
//加载GLB模型,传入路径、加载完成的回调、加载失败的回调
function loadModelGLB(path,succeed,fail)
{const loader =new GLTFLoader();loader.load(path,function(gltf){succeed(gltf);},undefined,function(error){fail(error);});
}
//加载完成的回调
function loadModelSucceed(gltf)
{scene.add(gltf.scene);
}
//加载失败回调
function loadModelFail(msg)
{console.error(msg);
}
//==============================加载模型 END================================================
http://www.yayakq.cn/news/816233/

相关文章:

  • 上海网站se0优化公司购物app开发
  • 装潢网站模板速递物流系网站建设与维护
  • 潍坊网站建设网超下载中国建设银行网站
  • 网站备案和前置审批课程培训
  • 微网站特点购物网站开发需要什么软件
  • 西宁建设网站多少钱网站建设方向课程
  • 海南住房和城乡建设厅网站首页电商类网站开发
  • 千鸟云网站建设一个服务器做一样的网站吗
  • 企业网站建设综合实训心得千华网鞍山门户网站
  • seo 网站太小wordpress 更新服务 搜狗
  • 怎样注册网站免费的吗商店网站源码
  • 书画网站模板下载网页设计什么主题好
  • 企业网站 html模板下载西双版纳建设厅网站
  • 品牌网站制作简创网络wordpress图片比例拉伸
  • 北京专业网站建设大全个人网址怎么填写
  • 力网站票网站开发做网站所用的工具
  • 免费建微网站平台网站制作方案和主要内容
  • 网站地图怎么生成南昌二手网站开发方案
  • 官方网站下载zoom其它区便宜营销型网站建设
  • 长春网页制作建站html简单的网站
  • 重庆天气专业网站建设天津行业网站建设
  • 代做毕业设计网站湘潭网站建设 皆来磐石网络
  • wordpress做淘宝客网站建立公司流程
  • 做企业评价的有哪些网站杭州旅游团购网站建设
  • 宁城网站建设公司做网站下载别人的图算不算侵权
  • 网站设计论文前言怎么写教育培训网站模板下载
  • 世界做诡异的地方网站推荐外贸网站建设的公司
  • 紫搜做网站wordpress-
  • 东莞专业做外贸网站的公司公司注销的详细流程
  • 网站性能策划wordpress使用实例