文静 发表于 2021-12-20 15:00:01

web模板使用问题

本帖最后由 文静 于 2021-12-20 15:00 编辑

看了甲鱼老师的模板想用在自己的html文件中，但是canvas的尺寸大小做不到我想要的样子，

var w = window.innerWidth, h = window.innerHeight;
window.onresize = function () {
    var w = window.innerWidth, h = window.innerHeight;
    camera.aspect = w / h;
    camera.updateProjectionMatrix();
    renderer.setSize(w, h);
}
找到js文件的这里改变了w,h的值后

能够短暂满足预期，一旦点击浏览器缩放，然后整个画布又会回到原来的默认值{:10_266:}

然后刷新浏览器又能满足要求了，

然后我目前只学了css基础，我想的是给个元素框然后把这个模板插进去就好了，但是好像有些问题
模板是甲鱼老师的彩虹隧道
有没有大佬指点一二，脑袋不够用了

阿萨德按时 发表于 2021-12-20 15:17:56

{:10_254:}

小甲鱼的铁粉 发表于 2021-12-20 15:22:35

没看web{:10_297:}

AdiosSpike 发表于 2021-12-20 15:56:10

{:10_327:}我也不会，抱歉

zhsguitar 发表于 2021-12-20 21:05:07

{:10_257:}我也不会，抱歉

心驰神往 发表于 2021-12-21 08:00:46

顶一下{:10_256:}

1molHF 发表于 2021-12-21 08:39:50

我也不会，抱歉

ohhohh 发表于 2021-12-21 08:41:03

{:10_266:}好难

小bai学c 发表于 2021-12-21 10:33:56

{:10_254:}

tianlai7266 发表于 2021-12-21 10:44:05

{:10_254:}

不二如是 发表于 2021-12-22 18:11:36

是不是想让素材随着浏览器放大缩小而放大缩小？

myqf123 发表于 2021-12-23 09:45:41

{:5_103:}

杜甫动动 发表于 2021-12-24 12:25:09

{:10_256:}

shouchuan 发表于 2021-12-26 22:19:12

{:10_257:}

文静 发表于 2021-12-27 16:35:01

唉{:10_282:}

王尧 发表于 2022-1-1 19:04:08

convas 画布给个动态宽高width=100vw;height=100vh

王尧 发表于 2022-1-1 19:05:12

王尧 发表于 2022-1-1 19:04
convas 画布给个动态宽高width=100vw;height=100vh

就在html元素上加内联样式

文静 发表于 2022-1-5 19:09:34

王尧 发表于 2022-1-1 19:05
就在html元素上加内联样式

动态宽高！谢谢{:10_254:}

王尧 发表于 2022-1-6 19:32:22

本帖最后由 王尧 于 2022-1-6 19:33 编辑

文静 发表于 2022-1-5 19:09
动态宽高！谢谢

vh 是视窗高度, vw是视窗宽度
页: [1]
查看完整版本: web模板使用问题