源码编辑器3.0如何制作跑酷

啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊 啊啊啊 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊。

很多人都有自己的 oc 吧，那么今天来学怎么在编辑器里捏图，刷到这个老师超级带感的群像模板，开工打开角色编辑器没上好，人物设定也没关系，先添加出使模型摆放同结构，演员就按照参考图里的大致占位，把它们先摆开，细节后面再调。 在捏图前思路一定要清晰，知道自己想要什么，然后根据主题去选择合适地图和穿搭。这里我虽然没想好具体的装扮，但也想好了需要红黑主题色以及一个干净的背景 人物过多的时候可以给轨道备注，方便查找定位。接下来挨个给他们摆动作。第一个是抱胸的动作，我在动作库里找到了一个比较像的，直接选上。第二个是伸懒腰的感觉，在摆动作的时候我们顺便调整站位，这个动作自己调手臂很容易变形， 所以我们换一套裙子来看。同样先找一个类似的动作，这个动作我只要伸懒腰这部分，就把其他动作都裁剪掉，还是不太像，就添加一个骨骼动画，调整一下细节。 第三个人选了个五点动作，把这只手背到后面，手调整成摸眼镜。 剩下两个人就不一一讲解了，都是选动作调整骨骼 动作有了，但看起来还是没灵魂。想想人设主题是恶人骨，一般这样的配置里有 抛盘手、打手、军师、魅魔、开心果。按照这个方向去选衣服和捏脸就行。导入服装和捏脸后一键替换衣服换完为什么看起来还是没质感？这时候灯光就很重要，添加一个点光源照亮人物面部，调整光照强度和位置， 再添加一个点光源，从头顶照下来，颜色调整成红色，照亮肩膀和头发， 面部改成蓝色的冷光更有氛围感。添加光照设置，将环境光整体改成红色。我的打光思路很简单，主题决定颜色，根据主色调和背景调色，比如活泼的画面就多用暖色，酷的风格就用红蓝这种。最后来调整一下背景，在环境添加一个太阳月亮轨道， 把月亮调整成红色，放大开启侵蚀效果，光线就没有那么刺眼了。月亮颜色也可以自己调， 觉得还不够的直接在编辑器里后期添加一个后期轨道，处理一下细节，再加个喜欢的滤镜，最后导出序列帧，或者按 ctrl 加 p 截图就可以了。

做物料难吗？这样这样这样的物料图到底该怎么做？今天教大家一个超简单的方法，轻松自制自担绝美物料图，就算是新手小白也能轻松上手哦！首先打开物料编辑器，选择你想要制作的物料类型。以小卡为例，在小卡模板里，根据图片选择适合的模板， 直接将模板上的人物图片进行替换，它就会自动帮你扣图。若是原片造点大不清晰的，我们还可以使用这个超新功能对画面的清晰度进行修复，再把替换好的图片调整到合适的位置大小。接着修改模板上的文字， 背卡部分也是一样的操作，这样一张小卡就做好了。八级丙图的制作方法也和小卡一样，都是将人物进行替换，调整位置大小，然后修改文字。这里我不太喜欢模板上的贴纸，所以还在它自带的素材库里对贴纸进行的替换，有超多素材可以选择，这样进一步修改后的丙图 也更加的独一无二了。针对做好的八级丙图，这里还有一个三 d 预览功能，点击后就能这样上上下下，左左右右三百六十度无死角的给你呈现出来这个丙图做成八级的样子。另外像这种海报、日历、人生四格它都有模板，可以直接套用制作，有了它，我看谁还说自己不会做，无聊听懂了的就都别愣着了，快去做吧，下课！

哈喽，大家好，我是 mars， 这就是我最近写代码的地方，也是我个人认为在二零二五年满足 web coding 需求的前提下，最潮最夯，速度最快，效率最高的一套解决方案了。具体的配置文件呢，我会放在评论区，建议大家点赞收藏或者转发给你身边正在写代码的朋友们。那么 废话不多说，让我们开始这期视频吧。首先我们在 term 中输入 and win， 你 就可以打开我们记的代码编辑器，也就是 new win 了。先惯例的问一下，屏幕前的你使用的是什么代码编辑器呢？ 原版 win 的 作者 brad 老爷子呢，也是在两年前永远的离开了我们。 new win 完美的传承了 win 的 意志，也可以说是开源精神的一种体现吧。这里就要介绍我们的第一个插件，也就是 new tree 了， 输入 ctrl e 就 可以打开我们这一个非常熟悉啊，在 v s code 里面非常常见的一个文件管理器了，摁 o 呢，就可以打开每一个文件夹，摁 a 呢就可以创建一个新文件。但是一般我喜欢用一种更快捷的打开文件的方式，我们输入 ctrl p 就 可以打开我们的第二个插件，也就是 telescope 了。 let's go 可以 帮我们快速进行一个文件的跳转啊，比如我们输入我们想要去的文件名，比如这个 superbase， 就 可以看到我们快速定位到我们这个文件，按下回车就可以进入到这个文件了。 win 里面的基本操作啊，我们在这期视频里面也就不再赘述了， k j h l 对 应的就是光标上下左右， ctrl d， ctrl u 就是 最基本的翻译，按下 i 就 可以开始输入代码，按下 escape 就 可以退出输入模式，按下 u 啊，就可以撤回我们刚才的操作了，要记住 win 当中的指令啊，其实非常非常简单，只要记住它对应的英语单词就可以了，比如说 i 就是 insert， u 就是 undo， ctrl d 和 control， u 当然就是 up and down 了。那么有没有办法在 win 中快速地将光标定位到我们想要定位的位置，比如说呢，我现在光标在这个 export 的 位置，我想把这光标快速地定位到这 get， 怎么办呢？首先呢，我们按下 e 就 可以进入到跳跃模式了，我们的目的地呢就是这个 get cash key， 这个我们可以看到有两个 get 啊，一个是 get cash key， 一个是 get from cash。 我 们要跳转到的是这个 get cash key。 跳跃模式下，我们输入对应的前两个字母 g， e 就 可以看到第三个字母啊，这就变成 f 了，不是 t 了，这是为了帮助我们定位到这个 get cash key， 而不是这个 get from cash。 我 们输入 f 就 可以看到我们的光标啊跳转到了这个 get cash key。 从里呢，我们要回到刚才的 export， 只需要先按 e 进入跳跃模式，然后输入 e x， 这样我们可以看到这里的 p 啊，变成了 f， 我 们只要输入 f 就 可以跳转到我们原来的这个 export 的 位置了。我觉得 leap 对 我来说是一个非常非常非常好的插件，在使用 v 的 过程当中呢，我几乎是完全不会去碰鼠标的，也可以帮助我更好的进入一个写代码的新流模式吧。 这里我们通常在 vs 库当中才有的 ai 自动补全功能啊，我这里当然也是有的，当然我用的不是口拍的，我的是 superman 啊，我们可以看到这里啊，就自动出现了这个 ai 帮助我们补全的东西啊，虽 然这明显它是在湖州啊，我就一路 type 下去给大家感受一下吧。大致除了自动补全之外，我们最最常用的 agent 功能，比如说 claud 或者 jamie， 我 也都是帮你们在 v 里面配置好了的。首先呢，我们输入空格就可以看到我们打开了这么一个菜单， 我们只需要输入 c 就 可以打开 clock code 对 应的菜单，再按一下 c 就 可以打开我们的 clock code 了。在这里呢，我故意倒下了，比如说我把这个 dollar sign 给删了， 我们可以看到呢，这就开始报错了，他就说我们这 cash key prefix 这个变量没有被用到，我们再次按下空格，输入 y 和 d， 就 可以将我们的报错信息复制下来，回到我们的 clock code， 输入这段报错信息 就可以看到啊。这里有 coco 就 帮我们提供了一个建议，怎么修改这个文件？这里呢，我们可以简单的对比一下两边的 diff， 觉得 ok 的 话就输入空格 c a 也就是 accept diff。 接受了这一段修改，回到我们的文件，就可以看到它把我们的 dollar sign 给加回去了，是不是非常的方便呢？同样呢，不只是修一些小 bug， 我 们可以让 a h 帮我们实现一些我们网站的新功能。 首先使用 ctrl s 打开我们另外一个弹窗的终端啊，我们在这里就可以跑我们后台服务器了，输入 beren dev 指令，就可以运行我们本地的这么一个服务器了。在 max 下，我们用 command 点击这个链接，就可以打开我们这个网站了。 这里打开的这个网站呢，其实是我最近在做的一个 side project， 我 个人觉得对我自己非常有用，它其实就是帮助你去了解最近在科技行业发生的一些大新闻啊，通过一个总结的形式呈现给你了。然后每一条新闻呢，它都有一个技术摘药，有一个通俗解读，还有一个评论区的小结， 评论区小节里面呢，还会有一条反方观点，就是不同意其他评论的一条观点啊，帮助我去了解啊正反两个方面对这条新闻的看法。这里我们想让 ai 帮我们增加一个新的功能，也就是说这个排序啊，本来我就最具争议，这个排序 也就是把评论区争议比较大的新闻排在最前面，但有些时候呢，我也想看一些不具争议的新闻，比如说纯纯的一些技术讨论或者技术分享。 这里呢，我们就让 ai 帮我们去增加一个排序方式，叫做最不具争议。我们回到我们编辑器啊， ctrl s 关掉这个弹窗，然后我们回到这个 clock code， 这里呢，我们当然也是可以向 clock code 使用中文下达指令的。增加一个最不具争议 的排序。这里呢，我们也可以使用 app 告诉 clock 具体修改一下在哪个文件里，是在 app 杠啊，这个配置到 t s x 可以看到这里 cloud 也是非常聪明，他直接就告诉我在哪两个文件里面需要进行修改了，我们可以简单的看一下这两个 def， 如果觉得可以的话，就空格 c a 和刚才一样就接受了这个改变， cloud 也是帮我们把这个文件都修改好了啊。我们回到我们的浏览器，刷新一下页面，可以看到这里排序啊，就多了一个最不具争议，我们点一下这个最不具争议的新闻，进行这个排序了。再次回到我们的编辑器啊，我们用空格 c c 就 可以暂时离开我们的 cloud code 代码写完了，下一步自然是使用 git 进行提交，这里就要介绍我们的下一个插件了，也就是 new git， 使用空格 n g 打开 new git， 这个 new git 也是给我们提供了一个 git 的 ui， 我 们可以使用 tab 打开每个文件，查看我们刚刚到底改了一些什么东西啊，如果觉得改的没有问题呢，使用 s 就 可以 stage 这个文件 选完了以后，我们使用 c 就 可以进入 commit， 然后呢，我们输入一条 commit message， 描述一下我们刚刚修改了什么东西。这可以看到我们刚刚的 ai 自动补全，在这里也是有用的，检查了没有问题，我们只需要保存 就自动的把这个 kimi 的 给做好了。 kimi 完了以后呢，我们只需要按下大写的屁，再按一下小写的屁，就可以把我们刚刚这个 kimi 啊给配置到 main 上去了。 没错啊，整一套 ai web coding 的 流程就是如此的丝滑，我的所有配置文件都会放在 get 与大家进行分享，也都是傻瓜式的配置文件啊，具体怎么使用我都写在这个文档里，大家到时候可以去看 看一下。我的配置呢，是基于 kickstar 到 newwin 的， 如果对于学习 newwin 非常感兴趣啊，也可以去看一看原喷，它是提供了一套非常非常清亮的配置，也有非常详细的文档，教你怎么去配置你 newwin 里的每一个文件。甚至最后我还想聊一下，为什么已经二零二五年了，我自己还在用 win， 我 还推荐屏幕前的你们去用 win。 因为现在是一个 ai 的 时代嘛，很多时候我们已经从一个代码的苦功转变为一个审核 ai 代码的主流了。那么这个时候呢，我就觉得其实 win 给我们提供很多操作上的便利啊，其实是 恰恰迎合了这个 ai 时代的需求的。所以我才会建议说，就算你是使用 vs code， 或者使用 cursor， 或者使用 any gravity， 都要学习一下 win 的 键位，因为这些编辑器本身都是支持这个 win mode 的。 还有一个误区啊，可能很多人以为 win 是 古董，但他们不知道的是，其实 win 在 这个 ai 工具的使用上，其实是比 win 的 什么还要更加疯狂的。 我这一套已经算是非常非常基础的配置了，如果你对真的使用 ai 来携带嘛非常非常感兴趣的话，可以去看一下这个 avonti avent avon 我 其实也不知道怎么念啊，可能读 avont 他 应该也是一个国人小额写的。然后我要说的一个非常非常重要的点，就是我最近也一直在思考的一个问题，就是， ai 时代，一个程序员最核心的竞争力到底是什么？ 现在很多科技产品和解决方案都是在把工具包装成一个特别特别精美的盒子，然后这个 ai 呢，就像是一个非常智能的管家一样，你张嘴他就喂饭， 一切都看起来非常非常的舒服，但是它其实也非常非常的危险，因为你会慢慢的觉得这个世界就应该是这么运行的，你失去了去拆开这个包装，看看里面的工具具体是怎么实现的。这个好奇心和欲望。 我个人觉得这个好奇心是作为一个程序员最最最重要的，每一个 b 的 用户，包括我在内，最开始可能只是为了装， 但是为了把这个装好，装的圆满，我们不得不逼迫自己去学很多例子当中常用或者不常用的指令， 然后去学习 luua， 甚至可能有些人会去学习变易器的原理，可能有时候只是为了改一个键位啊，我可能要去花一两个小时去研究这个配置文件和这个 luua 是 怎么实现的。这个时候我其实是在练习一个非常非常稀缺的能力， 就是不满足于一个软件或者说一个框架，能用就行，而是好奇它究竟是怎么运行的，而这种好奇心就是 ai 永远无法生成，也无法给予你的。好了，我是 mark， 如果你喜欢我的视频，欢迎点赞或者关注一下我，今天这视频就到这了，我们下期视频再见。

相信大家在使用 ai code 编辑器时都有个困扰，那就是只有干瘪的代码页面，没有像 jamming 一 样的画布功能，可以实时查看和编程，非常的不方便。 ok， 这个困扰从现在起将彻底 say goodbye！ 最近一款应用在 ai coding 圈内火爆出圈，它就是 pencil， 完美解决大家使用 ai code 编辑器时没有画布的麻烦，重点是它免费且随意用。话不多说，这期视频茶馆将教大家如何使用这款 ai 编程神器。 首先茶馆以 vs code 来展示，打开 vs code， 导入你的项目文件，或者新建一个文件，这里茶馆新建一个空白文件，加作演 示。然后来到 vs code 的 拓展菜单，搜索 pencil， 认准这个 logo， 点击安装。安装完成后点击设置，你会看到它支持的 ai code 工具有哪些，非常多选项，有 clod code、 code code 格式、 jimmy 等等工具。 勾选自己使用的工具，这里茶馆选择 clod code， 然后打开 clod code 和 pencil 窗口，直接就可以使用了。在 clod 对 话框输入自己的需求， 但要调用 pencil 的 前提是要告诉 ai 模型，利用当前的 pencil mcp 加上自己的需求， ai 编程工具就会自动调用 pencil 来做画布实时展示了。重点来了， pencil 作为一个画布 mcp， 它还能像 figma 一 样能任意编辑内容，非常的强大， ai 抠定的效率又提高了一个档次。好了，本期 pencil mcp 教学就到这了，更多创意等待各位去挖掘，关注茶官， ai 学习不迷路！