博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webGL之three.js入门1
阅读量:5942 次
发布时间:2019-06-19

本文共 1079 字,大约阅读时间需要 3 分钟。

开场白


最近开始学前端,看了极客学院的前端教学视频,其实有C++或者java基础的人学前端还是很快的。但是html的标签和CSS的样式还是得多code才能熟练,熟能生巧,学以致用。

还在看js,因为有Java的基础,所以直接跳到了DOM,正好这几天要加入一个webGL的项目,就开始学习three.js了,当然echart也要看,不知道得看多久,心累,好多。

今天写了第一个three.js,写个随笔就当是开始了,以后写学习笔记了,因为组长也要求我每日提交日报,也算是督促我学习了。


 three.js源码下载地址:https://github.com/mrdoob/three.js/

下载之后解压到你的js项目的目录里面,按理来说写网页的时候,把three.js下载到本地,直接引入就行了:

;

然而在chrome浏览器里面调试(F12)的时候,发现结果是这样的:

Not allowed to load local resource: file:///D/FronteEnd/FrontEndSrc/JiKe/three.js-dev

我又直接引入了github的地址:

;

结果显示:

Refused to execute script from 'https://github.com/mrdoob/three.js/tree/dev/build/three.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled

最后我就直接把three.js放在了根目录下面,嵌入:

;

 

然后就ok了,显示了版本信息。

网上有人说chrome不允许引入本地文件,firefox嵌入本地地址或者github地址就没问题。

这只是开始,加油!

 


 

更新………………

在网上看到了很多chrome浏览器不能加载本地js/css的相关问题,今天问了一个好人师兄,才发现不是浏览器的问题。路径错了。刚开始我是这样写的

结果是这样:

其实这个路径的意思就是在src路径下找js/three.js,那肯定找不到了。

把路径定位到上一个目录:

<script src="../js/three.js"></script>

这样就ok了,这个路径的意思是在JiKe下面找js/three.js。

希望能帮到遇到同样困难的同学。

 

转载于:https://www.cnblogs.com/catherinezyr/p/6730799.html

你可能感兴趣的文章
ECMALL SEO 问题的解决方法
查看>>
Mysql中limit的用法详解
查看>>
数据防泄漏(中文版)
查看>>
老外谈设计: 2015年WEB设计趋势
查看>>
汽车之家数据平台架构
查看>>
揭秘百度核心技术:53位专家纯干货分享
查看>>
IIS与COM组件权限的问题
查看>>
Contact Bubble View
查看>>
MKTickerView
查看>>
objective-c 面试题
查看>>
定制适合自己的精简桌面环境
查看>>
【Thread】简单说说java.lang.Thread.State
查看>>
开源 java CMS - FreeCMS2.3 会员组管理
查看>>
开源 java CMS - FreeCMS2.6 静态化管理
查看>>
开源 java CMS - FreeCMS2.8 数据对象 applyopen
查看>>
UI控件
查看>>
自己整合优化的一个Android框架
查看>>
Android内核剖析 目录
查看>>
jsf如何通过按钮切换在同一个页面上的非公共部分显示不同的内容
查看>>
/etc/fstab 文件解释
查看>>