Super_Calvin-CSDN博客

原创老外在GitHub上如何使用three.js教程翻译（含源码）

第⼀课设置WebGL和three.js有关设置WebGL和three.js的好消息是，您⽆需做太多事情。过去，为了在浏览器中启⽤WebGL，您必须选择正确的浏览器（通常是beta）并进⾏⼀些设置。然后它或多或少会起作⽤。但是随着时间的流逝，所有浏览器供应商（可以这么说）默认都启⽤了OpenGL。⼀些较⼩的浏览器在某些平台上有⼀些限制，但通常它们都“可以正常使⽤”。好极了。有关更多信息，请参⻅...

2019-11-05 16:22:40 1482 5

原创手把手教你创建threejs场景

three.js上手–创建一个场景本篇教程通过一个示例简单的介绍了threejs主要概念，以及在threejs中场景的呈现逻辑。最后有示例的代码，可以自己运行尝试开始之前在使用three.js之前，你需要有一个地方来呈现它。可以将下面代码保存，并且用浏览器打开<!DOCTYPE html><html> <head> <meta charse...

2019-09-11 16:39:35 2038 1

原创基于ThreeJS为3D模型添加贴图

基于ThreeJS为3D模型增加贴图示例描述与操作指南示例效果展示实现方式示例描述与操作指南当前示例用于展示如何在三维立体构件六个面上添加贴图。示例效果展示实现方式添加贴图：在模型的多个面上添加材质图片// 改变材质种类const changeMaterial = () => { // 实例化一个加载器loader const loader = new THREE.T...

2019-09-11 11:23:49 16556

原创流动粒子（flow01001）

流动粒子（flow01001）示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTML<script id="vertexShader_particle" type="x-shader/x-vertex"> attribute vec3 a_position; attribute vec3 a_particle; attribute vec2 a_reference; uniform float u_time; uniform mat4 u_m_mod

2021-04-21 15:17:42 634

原创趣味搜索框（Bouncy Castle Form）

趣味搜索框（Bouncy Castle Form）示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTML<div id="wrap"><form id="bounce" autocomplete="off"><input type="email" id="email" maxlength='25' required/><input type="submit" id="submit" value="SIGN UP"/></for

2021-04-16 15:28:47 496

原创烟圈（smoke ring）

烟圈（smoke ring）示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTML<div class="app"><canvas id="c"></canvas><svg id="s" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" stroke="#fff" fill="none"> <

2021-04-16 15:10:17 1463

原创轮廓文本阴影（outlined text shadow with fallback）

轮廓文本阴影 (outlined text shadow with fallback）示例HTMLCSS更多有趣示例尽在知屋安砖社区示例HTML<h1>知屋安砖</h1> CSSbody { font-family: system-ui, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0;}h

2021-04-09 15:29:53 338

转载 DT时代，什么样的数字孪生才是建筑智慧化破局之道？

DT时代，什么样的数字孪生才是建筑智慧化破局之道？随着时间坐标走到2021年，人类正从IT时代迈向DT（Data technology）时代，从传统建筑到智能再到智慧，建筑业正在经历着空前且至关重要的演变。智慧化，就是这场演变的终极目标。为什么这么说，我们先来看看什么叫“智慧建筑”。。智慧建筑——是在建筑全信息（即包含静态空间数据、动态实时数据及业务系统数据等）的基础上，通过智能、AI算法使建筑本身拥有感知、推理、决策等能力，打造人、建筑、环境协调共生的整合体，其应用场景包含智慧医院、智慧酒店、智

2021-03-29 16:45:25 989

转载空间数据+AI，让建筑学会自己“思考”

空间数据+AI，让建筑学会自己“思考”前言“空间是人类生存的载体，数据可以赋予空间‘生命’”“空间数据+AI，让建筑学会自己思考”前言“机器能思考吗?”1950年，艾伦·图灵发表了具有里程碑意义的论文，并提出颠覆性的一问。尽管艾伦·图灵没有找到答案，却唤醒了人工智能此后的发展，更是奠定了他“人工智能之父”的称号。经过多年的发展，人工智能技术已经在多个领域落地，不论是互联网、制造业、零售、教育还是金融领域，都能看到AI在发挥重要的作用，让机器以接近人类的思维模式工作，具备学习、分析和决策的能力，赋能

2021-03-29 15:30:53 519

原创二十面体折射（Grid Icosahedron Refraction）

二十面体折射（Grid Icosahedron Refraction）示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTML<div class="relative w-screen h-screen"> <div class="grid-icosahedron w-full h-full bg-black"></div></div>CSSbody { display: flex; justify-content: ce

2021-03-29 15:20:12 367

原创坠落弹球（Bouncing off the walls）

坠落弹球（Bouncing off the walls）示例HTMLCSS更多有趣示例尽在知屋安砖社区示例HTML<div class="fall"> <div class="walls"> <div class="wall"><div class="top"></div><div class="bottom"></div><div class="left"></div>&l

2021-03-29 14:33:29 363

原创霓虹灯按钮生成器

霓虹灯按钮生成器示例HTMLCSSJS更多有趣示例尽在知屋安砖社区CSS Neon Button maker - with css variables示例HTML<div class="neons"> <button contenteditable>Neon Love</button></div><div class="panel"> <div class="controls"> <heade

2021-03-29 14:27:08 285

原创 Welcome欢迎界面

Welcome欢迎界面示例HTMLCSS更多有趣示例尽在知屋安砖社区示例HTML- var texts = ['W', 'e', 'l', 'c', 'o', 'm', 'e', ': )'];- var number_of_particle = 12;- for (var i = 0; i < texts.length; i++) .background(class="background" + i).criterion - for (var i = 0; i <

2021-03-16 15:20:43 18525 1

原创天气图标（Weather Icon Showcase）

天气按钮（Weather Icon Showcase）示例HTMLCSS更多有趣示例尽在知屋安砖社区示例HTML.container header h1 Pure CSS Weather Icons .showcase a#sunny.canvas( href="https://codepen.io/aexcode/pen/MWbPrdZ", target="_blank" ) .sun - let totalBeamsOne = 0; whi

2021-03-16 11:02:38 1428

原创逼真红色开关 Realistic Red Switch （Pure CSS）

逼真红色开关Realistic Red Switch (Pure CSS）示例HTMLCSS更多有趣示例尽在知屋安砖社区示例HTML<label class="switch"> <input type="checkbox" checked/> <div class="button"> <div class="light"></div> <div class="dots"></div>

2021-03-16 10:55:47 331

原创 Are These Birds?

Are These Birds?示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTML<div class="container"> <css-doodle grid="6"> :doodle { @size: 100vmax; grid-gap: 2%; background-color: black; } background-color: #994FB3; border-radius: 50%;

2021-03-15 16:14:00 302

原创绿巨人（Hulk - Pure CSS）

绿巨人（Hulk - Pure CSS）示例HTMLCSS更多有趣示例尽在知屋安砖社区示例HTML<input type="checkbox" id="gradient" checked="checked"><label for="gradient"></label><div class="hulk"> <div class="hair"> <div class="lock"></div>

2021-03-15 16:07:39 2395

原创奔跑的长颈鹿（Giraffe Cut-out GSAP runner）

奔跑的长颈鹿（Giraffe Cut-out GSAP runner）示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTML<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -20 707 1000" fill-rule="evenodd" clip-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5">

2021-03-15 15:35:07 314 2

原创拼图（Simple Vue 8 Puzzle）

拼图（Simple Vue 8 Puzzle）示例VUE更多有趣示例尽在知屋安砖社区示例VUE<template> <section> <transition-group tag="div" name="slide" id="puzzle"> <div class="tile" v-for="(tile, i) in tiles" :key="tile" @click="move(i)":class="{ empty: tile

2021-03-15 15:00:33 276

原创灵敏衣柜（Responsive Wardrobe）

灵敏衣柜（Responsive Wardrobe）示例HTMLCSS更多有趣示例尽在知屋安砖社区示例HTMLmixin cuboid() .cuboid(class!=attributes.class) - let s = 0 while s < 6 .cuboid__side - s++.wardrobe .wardrobe__rail +cuboid()(class="rail") .wardrobe__shelf

2021-03-15 14:48:32 241

原创大咖带你领略智慧场景应用开发

本期重磅预告！他是BIM界的意见领袖，洞见BIM行业发展，拥有丰富的国际项目实践经验。他是智慧建筑项目领域的技术专家，拥有多年BIM应用开发、模型二次开发经验。他是智慧项目的实践者，一心专注于技术研究，刻行匠人精神，对每一个功能、每一个场景、每一个交付都精益求精。他们是行业大咖、技术专家、也是实践的先行者，更是我们BIM之路上的同伴。这个2021年，他们将与您一起同行，让您的BIM开发之路不再孤单，为您的BIM学习之路保驾护航！敬请关注！知屋安砖社区...

2021-03-09 15:36:04 283

原创 Obstacles - (Threejs + Cannonjs)

@[toc](Obstacles - (Threejs + Cannonjs))更多有趣示例尽在知屋安砖社区示例HTML<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

2021-03-03 16:09:54 556 2

原创纸牌屋House of CSS cards

纸牌屋（House of CSS cards）示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTML<input type="checkbox" id="wf" class="wireframe_input"><label for="wf" class="wireframe_label">Wireframe</label><div class="hoverPad"></div><div class="hoverPa

2021-03-03 15:36:59 141 1

原创 3D模型控件

3D卧室可控 Bedroom示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTMLaudio#audio source(src="https://raw.githubusercontent.com/ricardoolivaalonso/recursos/master/radio/radio.mp3",type="audio/mpeg")audio#audio2 source(src="https://raw.githubusercontent.com/ricardool

2021-03-03 11:32:57 247

原创 3D最美珊瑚岛

最美珊瑚岛示例CSSJS更多有趣示例尽在知屋安砖社区示例CSScanvas { display:block; width:100%; height:100vh; cursor: grab;}JSimport * as $ from '//cdn.skypack.dev/three@0.125.0/build/three.module.js?min'import { OrbitControls } from '//cdn.skypack.dev/three@0.125.0/exa

2021-03-03 11:03:49 174

原创跳绳（slime jump）

跳绳（slime jump）示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTMLHTML CSS JSResult Skip Results Iframe <div class="slime"> <div class="ball"></div> <div class="ball"></div> <div class="ball"></div> <div class=

2021-03-02 16:15:39 229

原创跳石（Skipping stone）

跳石（Skipping stone）示例HTMLSCSS更多有趣示例尽在知屋安砖社区示例HTMLHTML SCSSResult Skip Results Iframe<div class="ripple"> <div></div> <div></div> <div></div> <div></div> <div></div> <div

2021-03-02 15:54:09 274

原创乒乓球（table tenni）

乒乓球（table tenni）示例HTMLCSS更多有趣示例尽在知屋安砖社区示例HTML<div class="container"> <div class="floor"></div> <div class="table"> <div class="leg"></div> <div class="leg"></div> <div class="leg">

2021-03-02 15:40:51 319

原创 3D泳池（running waves 3D）

3D泳池（running waves 3D）示例HTMLCSS更多有趣示例尽在知屋安砖社区示例HTML<div id="chart"></div>CSShtml, body, #chart { width: 100%; height: 100%; margin: 0;}#chart { display: flex; justify-content: center; align-items: center;}svg { bord

2021-03-02 15:35:43 307

原创 3D动画河马VS甜甜圈游戏

动画河马VS甜甜圈游戏示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTML<script src="https://threejs.org/build/three.min.js"></script><script src="https://threejs.org/examples/js/utils/BufferGeometryUtils.js"></script><div class="logo"> &lt

2021-03-02 15:04:03 155

原创迷幻粒子

迷幻粒子示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTML<p id="help">Try your mouse ^^</p>CSShtml,body { margin: 0; padding: 0; width: 100%; height: 100%;}canvas { position: fixed; width: 100%; height: 100%; z-index: -1;}#help { fo

2020-12-14 14:37:38 199

原创立方体旋转+表面贴图

立方体旋转+表面贴图示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTML<div id="container"></div>CSScanvas { border: 1px solid #eee;}JSconst container = document.querySelector('#container')const width = 500const height = 500const renderer = new THREE.WebG

2020-12-14 11:16:38 313

原创旋转立方体线框

旋转立方体线框示例CSSJS更多有趣示例尽在知屋安砖社区示例CSSbody { margin: 0; }canvas { width: 100%; height: 100% }JSvar scene = new THREE.Scene();var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.2, 1000 );var renderer = new THREE.

2020-12-14 11:13:30 212

原创立方体交错渲染

立方体交错渲染示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTML<div id="canvas"> </div><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/107/thr

2020-12-14 11:10:11 355 1

原创立方体观察示例（View cube example）

立方体观察示例（View cube example）示例JS更多有趣示例尽在知屋安砖社区示例JS// P/O Camera Testervar hostDiv, scene, renderer, light, o;var pCamera, watchCamera;var pControls;var pHelper, oHelper;var WIDTH = 600, HEIGHT = 300, FOV = 28, NEAR = 40, FAR =

2020-12-14 11:05:10 445

原创立方波

热力图模型示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTML<html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Cube Wave</title> <script src="ht

2020-12-09 15:03:09 207

原创三维对象随机视角旋转

三维对象随机视角旋转示例JS更多有趣示例尽在知屋安砖社区示例JS// IIFE// https://developer.mozilla.org/en-US/docs/Glossary/IIFE( function () { const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera( 25, window.innerWidth / window.innerHeight

2020-12-09 14:53:35 209

原创三维对象切分

三维对象切分示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTML<canvas id="c"></canvas>CSSbody { margin: 0;}#c { width: 100vw; height: 100vh; display: block;}JS// Three.js - Transparency - DoubleSide Hack// from https://threejsfundamentals.org/th

2020-12-09 14:50:42 178

原创三角形图案创建图案

三角形图案创建功能示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTML<img alt="pattern" /><div class="ui"> <div class="ui__row"> <label for="themePicker">Theme</label> <select id="colorPicker"> <option selected value="purple

2020-12-09 14:47:19 316

原创向前翻转

向前翻转示例HTMLCSSJS更多有趣示例尽在知屋安砖社区示例HTML<canvas></canvas>CSS*,*:before,*:after { margin: 0; padding: 0; box-sizing: border-box;}body { height: 1000px;}canvas { width: 100vw; height: 100vh; display: block;}JS// Rend

2020-12-09 14:43:26 208

最好用的弹窗拦截.exe

知乎简书上最好评的弹窗拦截，可以进行自定义黑白名单设置，智能拦截。随心所欲知乎简书上最好评的弹窗拦截，可以进行自定义黑白名单设置，智能拦截。随心所欲

2020-05-08

PasteEx.exe

不知道你有没有遇到过这样的场景：从网页上复制了一段文字，想将它保存为 txt 文件，这时候就需要打开记事本，将复制的文本粘贴进去，然后另存为…… QQ截图生成了一张图片，想保存在文件夹，点击保存按钮，选择文件夹…… 处理一两次还好，一旦要重复做很多次，简直有要骂娘的冲动。类似这种重复工作其实是很适合自动化的，终于，我们发现了一款这样的软件，功能非常简单，随手复制任何内容，一键粘贴为文件，而这款高效神器就是——PasteEx

2020-05-08

SweetHome3D-6.2-macosx.dmg

Sweet Home 3D是一个免费的室内装潢设计软件,它能帮你通过二维的家居平面图来设计和布置你的家俱,还可以用3D的视角预览整个装修布局的全貌。 Sweet Home 3D可以运行在Windows,Mac OS X,Linux和Solaris平台,支持包括中文在内的16中语言。 Sweet Home 3D是一个位于SourceForge上的开源项目,基于GNU General Public License发布。该版本为OS版本苹果专用！！

2020-05-08

HiPC_3.4.10.062.exe

HiPC是一款在手机（微信小程序）集中监视与简单控制一台或多台电脑的PC移动助手。用手机，免装APP直接在微信操作，远程关机、远程打开软件、远程读取硬盘文件、远程截屏、远程监视控制你家里的电脑、办公室的电脑或各家连锁店的电脑。

2020-05-08

CADReaderPc_5.9.3.59.exe

支持天正建筑、天正给排水、天正暖通、天正电气的CAD看图工具。 1、极速—闪电启动速度，打开CAD图纸快人一步 2、全面—完整显示布局、图案填充、自动匹配所有字体乱码，无处可寻 3、高端—业内支持天正建筑、天正给排水、天正暖通、天正电气的CAD看图产品 4、科技—内置WiFi直连电脑、云盘功能、轻松传图 5、服务—专业团队为您提供即时CAD看图服务，让您无后顾之忧 6、功能—易用的“所见即所得”的打印方式，自由设置打印范围

2020-04-30

ScreenToGif-v2.14.1.rar

视频图片转换上传视频或多张图片，从视频/图片导入帧，逐帧编辑后一键转换为GIF动态图片高质量生成GIF 操作简单，录制停止后自动跳至编辑画面，即时制作GIF图像，画质清晰文件小，便于传输和存储快速预览生成编辑过程中，可实时预览GIF动图效果，界面友好，简单直观，让你快速get到最佳GIF图

2020-04-30

圣诞节元素EPS文件.zip

圣诞节的背景元素可做各种背景-矢量素材，设计师、前端专用圣诞节的背景元素可做各种背景-矢量素材，设计师、前端专用圣诞节的背景元素可做各种背景-矢量素材，设计师、前端专用

2019-12-19

十四期引导图无水印.zip

BIM考试真题，总结图学会的考试真题，里面涵盖第十四期考试真题

2019-11-11

百度官网认证的产品资料.doc

百度官网认证简介介绍，对百度相关网络收取费用明细说明

2019-09-23

ChinazSEOTool.exe

网站优化最佳工具，可实时监控网页端数据及网站抓取关键词，流量等

2019-09-19

有颜色带国家名称的图标.zip

用于国家名称的图标，共计278个国家，里面涵盖国家地理位置及国旗

2019-09-11

小红砖搬砖精灵windows-v1.1.0.rar

小红砖搬砖精灵，是针对小红砖开放平台的一款数据同步与自服务管理工具。其主要功能是，将云端已经解析完成、提取完成的模型数据同步至本地，在本地进行接口调用来实现数据自服务。方便小微型企业及个人用户对自有模型及相关数据进行本地管理，增加数据安全性；数据离线可用，提高数据获取与使用效率。其中，可同步的数据有基本数据、属性数据、几何数据、glTF数据、模型外轮廓数据等。小红砖搬砖精灵主要实现两大功能。一数据同步，只需要选择模型与相关数据（包括基本数据、属性数据、几何数据、glTF数据、模型外轮廓数据等），点击同步，即可将数据同步至本地。二数据自服务，数据在本地可以离线使用，即通过为用户在本地开放数据获取接口来获得模型的相关数据。三数据查看，将数据以界面的形式展示出来，直观清晰，使用方便。

2019-08-20

小红砖搬砖精灵MacOS-v1.1.0.rar

2019-08-20

小红砖搬砖精灵linux-v1.1.0.rar

2019-08-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人