Spacesmart
码龄3年
  • 568,618
    被访问
  • 510
    原创
  • 1,293,231
    排名
  • 4,546
    粉丝
  • 82
    铁粉
关注
提问 私信

个人简介：每周创作更新一些webGl、ThreeJS渲染三维模型，并写出一些心得技巧，感谢关注~~~

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：北京市
  • 加入CSDN时间： 2019-08-19
博客简介：

知屋安砖

博客描述：
三维模型开发就来知屋安砖→zhuanspace.com
查看详细资料
个人成就
  • 获得118次点赞
  • 内容获得63次评论
  • 获得374次收藏
创作历程
  • 27篇
    2021年
  • 415篇
    2020年
  • 70篇
    2019年
成就勋章
TA的专栏
  • 番外篇
    7篇
  • BIM去油间
    5篇
  • 知屋安砖社区
    18篇
  • 核心示例
    22篇
  • 三维示例代码
    60篇
  • Three JS
    11篇
  • 动物模型
    28篇
  • 几何图形
    89篇
  • 页面布置
    81篇
  • 场景模型
    96篇
  • 动态构件
    84篇
  • 光照与阴影
    13篇
  • 构件样式变化
    2篇
兴趣领域 设置
  • 前端
    javascriptcssxhtml
  • 产品/运营
    用户运营
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

流动粒子（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 ·
143 阅读 ·
0 点赞 ·
0 评论

趣味搜索框（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 ·
131 阅读 ·
0 点赞 ·
0 评论

烟圈（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 ·
170 阅读 ·
0 点赞 ·
0 评论

轮廓文本阴影（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 ·
63 阅读 ·
0 点赞 ·
0 评论

低代码是一场【颠覆】还是【概念炒作】

发布视频 2021.03.30

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

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

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

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

二十面体折射（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 ·
88 阅读 ·
0 点赞 ·
0 评论

坠落弹球（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 ·
81 阅读 ·
0 点赞 ·
0 评论

霓虹灯按钮生成器

霓虹灯按钮生成器示例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 ·
54 阅读 ·
0 点赞 ·
0 评论

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 ·
477 阅读 ·
0 点赞 ·
0 评论

天气图标（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 ·
866 阅读 ·
1 点赞 ·
0 评论

逼真红色开关 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 ·
122 阅读 ·
0 点赞 ·
0 评论

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 ·
78 阅读 ·
0 点赞 ·
0 评论

绿巨人（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 ·
341 阅读 ·
0 点赞 ·
0 评论

奔跑的长颈鹿（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 ·
129 阅读 ·
0 点赞 ·
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 ·
60 阅读 ·
0 点赞 ·
0 评论

灵敏衣柜（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 ·
81 阅读 ·
0 点赞 ·
0 评论

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

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

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 ·
186 阅读 ·
1 点赞 ·
2 评论
加载更多