article cover

制作了一个三维在线图书馆,还可多人在线(原生 WebGL) WebGL

有时候,人很容易失去激情。我的个人博客,一下子就是好久被荒废了。唉,真的,人的注意力就是一个漆黑夜空下的电灯,手电筒吧,只能看到能看到的东西,而看不到的就很容易忽略。play demo: https://ow.ccgxk.com/demo/house?logicadd=1 ...


独元殇 发布于  2025-11-6 20:52 

笔记系统《赛博城寨》,让你在 WebGL 生成的三维开放世界里写字 WebGL

https://git.ccgxk.com/myWorkSpace/webgl_show/cyber_city/cbcity.html 在三维开放世界里记笔记,你听说过吗?我们记笔记有一维的记事本、typora等文本编辑器,Word 也算。我们只能像说话、如绳结记事一样记录。后来有了思维导图,让我们能在二维平面内记录笔记,给我们一个平面,我们能使用更加丰富的联系结构将笔记容纳其中,平铺....


独元殇 发布于  2025-8-25 13:43 

很有意思!不到 2kb 就能实现一个 3D 物理引擎,史上最简单的柔性物理模拟系统 WebGL

我之前的一篇文章,有分享过一个 2D 的物理引擎,那个是个挺复杂的物理公式,今天这个是三维的,出乎我的意料,用到的物理公式反而更简单!原因是,我看到了今年 js13kgame ,心里痒痒,也想参加一下,写个简易的三维游戏。但游戏画面好写,主要是物理引擎很犯难,于是我就在研究 demo(因为在 13 kb 代码里塞下一个 javascript 物理......


独元殇 发布于  2025-8-21 00:18 
article cover

古法手搓三维模型数据,顶点 UV 索引概念一文搞定!(vertices uv indices) WebGL

工具地址:https://git.ccgxk.com/vtool/vtool.html ,今天要通过一个精心制作的网页工具,手把手教大家手搓一个 六棱柱。让大家(尤其是图形学初学者)一文搞懂抽象的顶点、UV、索引。我们可能经常见过这些数据,也经常用,但我们很有可能搞了半年三维了,却不一定真的知道它们怎么写,它们的具体概念。毕竟成熟的软件导出模型,直接会帮我们做好这些底层工作,我们完全无需了解......


独元殇 发布于  2025-8-4 14:13 

谷歌的 Gemini 模型让我后背发凉 开发相关

这几天,一直换着 新加坡 的 IP 访问谷歌的 Gemini 模型。我只是换着玩的,是 vscode 插件上有个 AI 插件,能换着模型问。偶然发现 Gemini 每次都很仔细,但一天只能用两次,感觉不过瘾,然后就上谷歌的 AI Studio 体验预览版了。本来我没当会儿事儿,百花齐放百家争鸣嘛,但很快,我就开始后背发凉....

标签: 原创 AI Geimini

独元殇 发布于  2025-5-24 22:53 

制作简易 2D 物理引擎:一个炫酷的小球碰撞 JS 网页特效制作过程 前端技术

在前端开发里,canvas 是 HTML5 里最炫酷的工具。我们今天就来搞一个这样的梦幻的效果,学习一下 ES6 的类在开发一个完整项目的思路(即 ES5 的构造函数),还有物理碰撞的程序的实现,当然,效果也很酷炫!


独元殇 发布于  2025-5-18 22:43 

我捣鼓了个代码编辑器 areaEditor.js,2kB大小,很实用 前端技术

前两天我搞的那个在线 HTML 新标签页预览功能,很好用,最近在我业余“娱乐”上帮了很大的忙,它可以让我不用打开本地代码编辑器就能快速调试一些前端代码,我也逐步完善它的了很多功能。可是,很快它就有了一个问题: 使用 < textarea > 写代码很不舒服。当然,使用它来接受粘贴过后的代码还好,如果...


独元殇 发布于  2025-5-17 19:24 

体积 10kb 超级小的三维 WebGL 引擎 W.js 的使用教程 前端技术

我们知道,在网页上搞三维,three.js 和 babylon.js 都是成熟最佳的选择,可是有时候它们体积又显得太大了。 我以前有研究过各种网页三维引擎,体积都挺大。我为什么要找体积小的呢?因为我对计算机图形学懂得不多,体积小让我有对它运行方式的探索欲。 我曾经找过一个最小的 https://github.com/wakufactory/wwg ,这个只...


独元殇 发布于  2025-5-2 22:25 

一种新型 HTML 在线编辑器,create Object URL的妙用 前端技术

目前,网上很多在线运行 HTML 的页面,大都是这样的逻辑: 上面一个代码框 textera ,下面一个 iframe,然后通过 js,将我们的代码框中的 HTML 给输入到 iframe 里面,这便是一个简单的在线运行 html 的逻辑。 甚至我们可以在一行里写一个在线运行 html 的页面。比如下面这个,一个高度精简的简...


独元殇 发布于  2025-4-17 19:51 

头疼,网站竟然被挂马了,我简单研究了一下 开发相关

惊恐的发现 这几天没有怎么上网站,昨天下午打开电脑打开我的网站时,突然感觉有点不对劲。 我在浏览器地址栏输入 ccg ,浏览器一如既往地给我补全 ccgxk.com,然后我回车,网页在转动中,突然跳到了一个非法赌博网站,我以为我眼花了,然后重新打开我的网站,发现这次没有跳转。我反复试了几次,感觉应该是浏览器其他页...


独元殇 发布于  2025-4-13 14:25 

WebGL 的入门教程,实现一个旋转的三维立方体 前端技术

昨天,我在电脑里发现了以前学习 WebGL 的代码和笔记,然后我就整理了一下,做成了一个教程。做完后,发现字数还不少。如果对浏览器显示三维的玩意儿感兴趣,可以读一下,能当教程,也能当简易的文档查阅。WebGL 是浏览器的三维引擎,但它很原始和底层,就像你买了个计算器,发现这个计算器只有一个加号键一样..... 什么都需要自己去手写...


独元殇 发布于  2025-3-25 12:27 

尝试使用 Python 截屏并录屏 其他

我在去年,曾经尝试过一个大胆的东西,就是使用 Python 写了个程序来录屏,以此给自己一种“期待感”,当时有没有效果我忘了,但是现在我又将这个项目捡了起来。 界面是长上面那个样子,集成了项目名设置、开始录制、结束录制、转换视频的功能,看起来没有那么潦草了,这个是一种录屏软件,当然,之后我估计还会把删除截的图片那一功能给搞一下,因为转换成视频后,这个功能确实...


独元殇 发布于  2024-6-27 19:59 
article cover

傍晚去了欢乐港湾 和 今天发现了个宝藏 JavaScript 程序员 前端技术

欢乐港湾 下午,突然感觉心里很闷,然后就骑上共享单车向海边走。 目标是南山前海 CBD 旁边的「欢乐港湾」↓ 相比于北上,这个地方的好处是有山有海。本来今天脑子里想的场景是在三三两两没几人走动的安静的海边,望着空旷的水面和渐渐黯淡的天空,静静坐着...... 可快到的时候,突然脑子清醒过来 —— 今天是五一长假的一天呐! 好吧,一进公园,人山人海。尤...


独元殇 发布于  2024-5-3 20:24 

亿些自己近一年半里收集的网站(或链接) 开发相关

以下是我这一两年来收集的各种有意思的网址,没错,就是使用上面提到的 笔记 记录网页一条条记录的,不知不觉中已经搞了很多了(当然,最近的可能没有收录)。这些地址在我眼中,其实也是一些自己欠下的债(收藏了但基本没有看过),有中文的,有外文的,有博客,有项目,有网站,什么都有,总之,都是我想去看的。最开始是在我的笔记列表里与鸡汤等混乱交织着,后来有天,我想重温一遍,就把它们分成了四类...


独元殇 发布于  2024-4-23 17:34 

关于 vista.js 的制作 WebGL

(注:本文的初次落笔时间为 2023-07-23 16:32:21 ,修改成 2023 为的是防止跑到 rss 打扰别人)前言最近一直再搞一个库,vista js 。这个名字我并不太满意,但确实也找不到哪个名字深得我心。这个 vista 被广泛以 Windows vista 作为记忆刻在那些对电脑有一定了解的人心里,因此使用这个名字也不算太不无意义...

标签: 原创 webgl W.js

独元殇 发布于  2023-7-23 16:32 

知名博主鱼皮「面试鸭」背后的网站技术架构浅分析 开发相关

「鱼皮」是国内这两年各自媒体平台上一个存在感很强的博主。 只要和「写程序」沾上一点边的一些知名博主,其评论区经常可看到他的影子,真是一个勤奋的小伙子,背后不知为让自己的影响力度散播更大,付出多少努力。...


独元殇 发布于  2023-6-17 20:13 

压缩视频的一个 ffmpeg 代码,调节参数有(尺寸、CRF 质量、有否声音、比特率) 开发相关

注意,本文包含 chatgpt 生成的代码。 前言(闲话,可略过)现在这个社会,有 60% 的人,家里没有电脑,甚至大多人都不知道 Windows 是啥?cmd 是啥….. 当然,即使...


独元殇 发布于  2023-6-10 12:36 

1000UserGuide 找到前1000个早期用户 其他

对独立开发者和创业者来说,找到前1000个早期用户太关键了。 为啥呢?因为这帮人能给你提宝贵的意见,帮你把产品做得更好,还能给你这个小生意打下好基础。 可问题是,上哪儿找这1000个人呢? 别发愁,1000UserGuide 就是为你准备的。这里精心整理了300多个国内外渠道,专门适合独立开发者和创业者推广产品的渠道。 利用这些渠道,你就能: 把你的产品推销...

标签: 转载

独元殇 发布于  2023-4-12 20:46