Giter Club home page Giter Club logo

aiyou-3d-visual's Introduction

aiyou-3d-visual

玩玩3D可视化,要做一个3D可视化机房。

参考文档

three 官方文档

github地址

belnder基础教程大型创建(有声)

入门视频0 网页3D设计基础|webGL|web3D|Three.js|Blender建模|web3D渲染

入门视频0 文章

入门视频0 其它文章

Three.js其它文章

入门视频1 使用 THREE.js 搭建简单的 3D场景

入门视频2 使用three.js加载3D模型以及处理点击事件的方法

Vue + Three.js MMD展示性编辑器效果初步展示

疑难问题

渲染围墙时图片糊了

黄色区域就是糊的,绿色区域就是好的

这是围墙

围墙图片

奇怪的是,只有前后方向的贴图糊了,其它没事


先查看渲染围墙这部分的代码

再看看加载图片部分的代码

都没发现问题,于是进行控制台打印,除了数据不同,其它都是好的,黄色区域的两个是左右,绿色区域的两个是前后


封装之后,忘记去改不同面的宽高,所以导致这种现象出现

总结:

原来是 一张小图片 在 一个大的墙面上进行repeat,居然设置的repeat 还是小于1的小数,所以图片被撕开了,同时平铺,如此一来就糊了。

正确:

错误:

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.