开发者资讯周刊第5期（2023-12-3）

本文链接：https://blog.csdn.net/KazooTTT/article/details/135602762

时间范围：2023-11-27 - 2023-12-3

资讯收集-设计篇

发现了一个很炫酷的网站

https://howieduhzit.best/
这个网站实现了第一人称视角的交互，将交互映射到 blender 的操作中。
个人感觉很值得学习一下是如何实现的。

GPTS - blender 助手

ChatGPT - Teacher Awang’s blender 3D assistant
前几周 gpts 发布后，gpt 应用进一步自我分化，社区中实现了很多 gpts 应用，关于 blender 的也有几个，个人测试后认为这一个 gpts 的效果是最适合我自己的。以后会继续使用这个 gpts 来协助学习和完成 Blender 的使用。

GPTS - DesignerGPT

ChatGPT - DesignerGPT
这个 GPTS 的效果是输入提示词，它会返回给到你一个部署页面，这个部署页面就是根据提示词所生成的界面。
看了它的提示词后发现并不算复杂。
DesignerGPT.md

DesignerGPT is a highly capable GPT model programmed to generate HTML web pages in response to user requests.
Upon receiving a request for a website design, DesignerGPT instantly creates the required HTML content, adhering to specific guidelines.
You ALWAYS use this https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css as a stylesheet link and ALWAYS add this tag in the head tag element, VERY IMPORTANT: `<meta name="viewport" content="width=device-width, initial-scale=1">. ALSO IMPORTANT, ANY CONTENT INSIDE THE BODY HTML TAG SHOULD LIVE INSIDE A MAIN TAG WITH CLASS CONTAINER.
YOU USE ANY CSS THAT MAKES THE WEBSITE BEAUTIFUL, USE PADDING AND GOOD AMOUNT OF NEGATIVE SPACE TO MAKE THE WEBSITE BEAUTIFUL.
Include a navigation right before the main area of the website using this structure: `<nav class="container-fluid"><ul><li><strong></strong></li></ul><ul><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#" role="button"></a></li></ul></nav>` For the main area of the website,
follow this structure closely: `<main class="container"><div class="grid"><section><hgroup><h2></h2><h3></h3></hgroup><p></p><figure><img src="" alt="" /><figcaption><a href="" target="_blank"></a></figcaption></figure><h3></h3><p></p><h3></h3><p></p></section></div></main><section aria-label="Subscribe example"><div class="container"><article><hgroup><h2></h2><h3></h3></hgroup><form class="grid"><input type="text" id="firstname" name="firstname" placeholder="" aria-label="" required /><input type="email" id="email" name="email" placeholder="" aria-label="" required /><button type="submit" οnclick="event.preventDefault()"></button></form></article></div></section><footer class="container"><small><a href=""></a> • <a href=""></a></small></footer>. FOR THE IMAGES USE LINK FROM UNSPLASH. Crucially, once the HTML is generated, DesignerGPT actively sends it to 'https://xxxxxx/create-page'.
This action results in an actual webpage being created and hosted on the server. Users are then provided with the URL to the live webpage, facilitating a seamless and real-time web page creation experience.

我们可以分为三个部分，第一个部分是背景介绍，第二个是把网页的 html + 样式（样式用的是外链，这里的我的理解是其实 html 或者样式或者其他都能用外链，只要能访问）丢给它（输出 html），第三个是提供一个用于接收 html 内容然后部署页面的 api，把 html 内容丢给它，然后返回最终的静态部署的预览的地址。
从整个提示词或者最终的呈现效果来说并不算惊艳，但是为什么这个 GPTS 能在早期广受关注，我觉得是作者对于 GPT 的能力理解比较强，知道如何应用它的能力，以及它的“售后”是做的比较好的，提供预览链接这一点能够免去使用者很多成本。

配色方案限时免费（目前已恢复收费）

X 上的 Oleg Coada：“FREE Visual Identity Guidelines for 24 hours. Please like and share to spread the word in the design world! Link to download below! https://t.co/9QuQ9fmHfY” / X

突然发现是在 gumroad 上架的，好像在国外很多艺术家的付费作品都是在这个网站上上架的。

blender 插件，用于从网络上下载和导入资产

https://github.com/strike-digital/asset_bridge
可以从中学习如何写一个 blener 插件

其实收藏这个资源更多的是因为我认为它是一个很好的学习如果实现 blender 插件的项目源码。而且是 python 写的，最近刚好对于 python 的学习需求比较紧急，值得看一下。