请问谁有这个效果HTML使用canvas+three.js 做世界地图粒子效果

Question

求HTML使用canvas+three.js 做世界地图粒子效果 https://www.coinmeet.io/ 和它一样的效果

Answer 1

three.js

这个第三方库在这里

THREE.ImageUtils.crossOrigin = "", e = new THREE.WebGLRenderer({canvas: document.getElementById("map"), // canvas标识antialias: !0}), e.setSize(a, o), e.setClearColor(1908515), n = new THREE.Scene, i = new THREE.PerspectiveCamera(50, a / o, .1, 1e4), i.position.set(-100, 0, 220), i.lookAt(r), n.add(i);var s = THREE.ImageUtils.loadTexture(t.transparentMap, void 0, function() {//t.transparentMap ä¸ºä¸–界地图的灰白图片A = c(s.image), d()});

Answer 2

右键 源代码 看下那个是你需要的追问

这是个单页面应用程序 看不了的

追答

第三方库:three.js

THREE.ImageUtils.crossOrigin = "", e = new THREE.WebGLRenderer({
canvas: document.getElementById("map"), // canvas标识
antialias: !0
}), e.setSize(a, o), e.setClearColor(1908515), n = new THREE.Scene, i = new THREE.PerspectiveCamera(50, a / o, .1, 1e4), i.position.set(-100, 0, 220), i.lookAt(r), n.add(i);
var s = THREE.ImageUtils.loadTexture(t.transparentMap, void 0, function() {
//t.transparentMap 为世界地图的灰白图片
A = c(s.image), d()
});

你浏览器F12 开发者模式 查看元素三  THREE 为three.js 定义的元素

追问

能把代码拿下来吗？

追答

我发出来的就是源代码

追问

写个例子给我 谢谢

追答

网页链接 这个里面是初始化页面的逻辑 下载下来格式化 

还不懂就查找map 就得到他初始化的canvas的方法 前提是你得加载three.js

网页链接 

能帮你的就这么多了