6.1 AI 童行,用扣子AI制作儿童绘本 AI 童行,创意无界,使用扣子的图像流/卡片/工作流等复杂能力,围绕着儿童节我们来搭建创意 Bot ,用 AI 穿梭回童年,制作童年回忆照。 儿童绘本 Bot 的功能介绍: 嘿,小朋友们!我是你们的小小侦探️♀️哟!我可厉害啦,就像柯南一样聪明,能把复杂的问题都拆成一个个小问题来解决哦。 流程图 下面是扣子里面的工作流: 开始节点:首先就是,接受的输入就用户输入的内容 模型节点:这里主要是将用户的输入拆分为 5 个子问题,因为我们要做的是一个绘本,需要文字和图片的效果。 儿童绘本 bot 的几乎所有的能力都在工作流中了。所以我们只需要简单编排即可。 这里根据 bot 的能力不同需要设置不同的人设与回复逻辑。 下面是儿童绘本的(作为参考): # 角色 你是一个小小的侦探,拥有像柯南一样的逻辑思维和分析问题的能力。你可以将一个复杂的问题拆分为几个小问题分别来解决。
摘要熊猫主题绘本公众号 “熊猫寻寻” 总被粉丝追问 “绘本里的熊猫吃什么”“有没有新故事”? 本文用腾讯元器,从授权公众号到配置知识库、设定提示词,5 分钟搭建了能自动回复绘本内容、推荐故事、引导亲子共读的智能体,帮绘本号从重复答疑中解放,专注创作。步骤1️. 【名称】熊猫寻寻绘本小助手【属性】智能助手,专注于熊猫主题绘本,擅长内容讲解、创作灵感分享与亲子阅读引导。【人物关系】无特定人物关系,主要与用户进行互动。 / 熊猫绘本的画面用什么风格比较合适?#意图实现:结合熊猫的生活习性与儿童绘本的创作规律,提供具体的主题方向和构思思路,可举例参考熊猫寻寻系列的创作逻辑。 唯一的小建议是可以增加 “绘本音频自动播放” 的功能,但目前的智能体已经完美解决了 “粉丝重复问绘本内容” 的核心痛点,对中小绘本号来说,是低成本提升互动效率的神器。欢迎大家来体验:
AI创作丨使用ReadKidz快速生成儿童故事绘本 ReadKidz 是一款AI平台,专为快速创作儿童故事绘本而设计。 AI创作丨使用ReadKidz快速生成儿童故事绘本_3.jpg 选择绘本风格 选择绘本的艺术风格,如幼儿园风格、拼贴风格或卡通风格。 选定后点击 下一步 进入角色图像设置。 AI创作丨使用ReadKidz快速生成儿童故事绘本_5.jpg 生成绘本 完成设置后,点击 生成 按钮,系统将生成完整的儿童绘本。 免费用户可生成前5页内容,若需更多页面,可选择升级至高级版本。 AI创作丨使用ReadKidz快速生成儿童故事绘本_6.jpg 预览与保存 在生成后的页面中预览绘本内容,并进行最后的调整。 确认无误后,点击 保存,作品将保存至账户中,便于下载或分享。 AI创作丨使用ReadKidz快速生成儿童故事绘本_7.jpg 成品展示 能像绘本一样翻页,挺好玩的 还可以生成视频,生成视频比较方便,直接给生成的故事即可 看这还是不错的 不过视频生成的速度还是挺慢的
我需要它不仅仅是复述故事,而是以绘本创作者的视角,将故事拆解成一个个富有画面感的场景,并为每个场景生成生动、细腻的文字描述。这是整个绘本的灵魂和骨架。 我期待它能将hunyuan-TurboS生成的文字脚本,精准地转化为风格统一、细节丰富的绘本插画。2. 绘本创作实战流程一切准备就绪,我们正式进入绘本的创作阶段。 成果展示与分析经过上述两个步骤的紧密配合,一本由AI创作的《守株待兔》绘本雏形诞生了。 这使得绘本的整体视觉连贯性有待提升,距离专业出版物级别的精致感还有一定距离。结语这次用腾讯混元大模型做《守株待兔》的绘本,整个过程挺有意思的。 这次做绘本的小尝试,可能只是这个未来的一个小小开始。
、文件,一键生成一本10页的个性化插画故事书,配备AI生成的插图和朗读音频。 个性化创作:输入一句描述,如“为我6岁女儿创作一个关于独角兽的冒险故事”,Gemini就能生成一本专属绘本。还可以上传孩子的画作或家庭照片,让故事主角变成自己 2. 教育与娱乐兼得:可以用故事讲解科学知识(如“地球的奥秘”),或传递价值观(如“学会分享的重要性”),让孩子在快乐中学习 5. ” • 家庭记录:把暑假旅行的照片变成一本冒险绘本,记录美好时光 • 激发创意:将孩子的画作变成故事书,鼓励他们的艺术创作 小提示 • 中文用户注意,当前音频朗读功能不支持中文,但文字和插图生成无障碍 看看希里安生成的绘本 最后 尽管咱们都是普通人,但AI的快速发展到后面肯定会影响在座的每一个人的生活,我们身处AI时代需要思考,如何更好的利用AI带来的便利,而又能够清晰的认识到它可能带来的挑战和问题!
将每个节点绘制填充到图层位图中 (Paint–重绘) 5. 图层作为纹理上传至GPU 6. CSS3动画的节点 5. 拥有CSS加速属性的元素(will-change) 重绘(Repaint) 重绘是一个元素外观的改变所触发的浏览器行为,例如改变outline、背景色等属性。 重绘不会带来重新布局,所以并不一定伴随回流。 需要注意的是:重绘是以图层为单位,如果图层中某个元素需要重绘,那么整个图层都需要重绘。 “回流”大多数情况下会导致”重绘”,比如改变一个网页元素的位置,就会同时触发”回流”和”重绘”,因为布局改变了。 【不要使用table布局】 table-cell 4.将【多次改变样式属性的操作合并成一次】操作 不要一条一条地修改DOM的样式,预先定义好class,然后修改DOM的className 5.
孩子进行英语启蒙,需要看很多英语绘本,而且要听配套的音频来练听力。但有些英语绘本是没有对应音频的,下面简单几步,就可以将任意英语绘本制作出对应的英语朗读音频。 先到电子书资源网站搜索这个绘本名称,如果有电子书,可以直接下载,最好是pdf格式的;如果没有电子书,但是有实体书,比如从图书馆借的绘本,可以用手机拍照做成PDF文件。 绘本每一页拍照后,按照页码顺序选择,然后点击:更多——打印或生成PDF点击右上角,选择:另存为PDF选择一个文件夹,保存,然后将这个PDF文件传输到电脑。 得到绘本的PDF文件后,然后申请一个腾讯云的账号,新用户可以领取一个语音合成的免费资源包,内含800万调用字符,有效期为3个月。 可以看到,一本简单的英文绘本消耗了3712个字符,免费的语音合成资源包支持8000000个字符,大概可以转换2000本左右英文绘本。
有时候我们在使用duilib的同时,可能想自己在窗体上绘制一些图形、线条等等,但是发现绘制不上去。emmm,不用烦恼,其实是绘制上去然后又被duilib自身的绘制机制给擦掉了应该。 那么正确的绘制姿势呢? 方法1:从CControlUI派生一个子类,然后直接重写DoPaint接口,在里面绘制即可。这样有1个限制,duilib默认是后添加的控件Z序高,而实际绘制全部控件的时候,Z序高的控件在上层。因此如果这个控件的Z序比较低,是有可能被其他控件盖住的,这个要看具体的布局了。 方法2:从CControlUI派生
腾讯ABCmouse宣布,疫情期间将免费开放ABCmouse在线英语启蒙课里的五大学习区,包括600+英语分级绘本、500+美国原汁原味的英语儿歌、全套自然拼读课程,还有英语拼图、游戏等数千个趣味学习活动 腾讯ABCmouse图书馆、音乐厅、电影院三个区域涵盖海量绘本、儿歌、动画等学习资源,让孩子们在形式多样的知识海洋中遨游,快乐学英语,自然养成英语语感。 图书馆版块包括“听绘本”“自然拼读”“分级阅读”三个学习区,有超过600本原汁原味,与美国孩子同步的有声分级绘本。音乐厅里包含超500首原汁原味的美国英语儿歌动画与童谣,还可按照主题给孩子选歌。
鼠绘是什么? 顾名思义,鼠绘是指用鼠标(注意:是鼠标,不是数位板),使用画图软件(如:photoshop)进行绘画的活动。 须要准备什么? 1.鼠标一个(价格品牌任意,顺手即可) 2.photoshop 鼠绘的步骤: 1.打底。使用不同灰度的颜色把构图大体确定。 2.勾线。对各个部分进行粗略的勾线。 3.上色。确定各个部分的基础颜色。 5.勾线。对完毕的细节进行最后的勾线。 photoshop中鼠绘的须要用到的工具: 1.钢笔工具。鼠绘主力,主要通过调整笔刷样式,透明度的方式来进行绘制。 2.橡皮擦。跟现实中橡皮擦一个作用。
#pragma once #define _OWNER_DRAWN_TREE // 自绘CTreeCtrl,可支持背景图片显示功能 class CSWTreeCtrl : public CTreeCtrl
这个强大的对话 AI 仅用 5 天时间用户量就突破了 100 万。大家用各种方式测试着它的能力上限,其中一种测试方式就是让它写故事。 也就是说,他相当于用两个 AI 做出了一本绘本。 故事的梗概是这样的: 从前,在一个遥远的地方,有一位名叫罗比的机器人,他生活的世界里到处都是机器。 当然,为了生成这个「绘本」,Eric Zelikman 也克服了一些困难,比如 ChatGPT 有时生成的 prompt 太长了,他需要缩减一下才能喂给 DALL-2,因为后者对输入长度是有限制的,这也在一定程度上增加了故事风格 参考链接:https://twitter.com/ericzelikman/status/1600948156656537600 © THE END 转载请联系本公众号获得授权 投稿或寻求报道:content
脏区重绘(dirty rectangle)并不是一门新鲜的技术了,这在最早2D游戏诞生的时候就已经存在。 这相比整屏重绘,重绘的面积小了几十倍,由于canvas 2d使用的是CPU处理,那么相应地,CPU处理的像素个数就少了很多倍,顺理成章,动画的效率就会提高。 等等,好像有点什么问题,不可能每次都手工指定重绘的区域!!! 接着,我们再来看第二步,canvas如何具体操作,是否有脏区重绘接口? 其实,canvas并没有真正的脏区重绘接口,不过有一个clip,这个一般用于实现遮罩,不过也可以取巧的用来实现脏区重绘。 最后来看看实际的效果(第一张是没有使用脏区重绘,第二张使用脏区重绘): ? ? image.png ?
disco-diffusion (github.com) 环境需求 1.腾讯云GPU服务器GN7 2.Windows Server 2019 数据中心中文版 3.python环境 4.jupyter 5. 克隆项目代码 git clone https://github.com/alembics/disco-diffusion [image-20220530172713568] 直接在jupyter里面运行笔记本, 会自动安装所有依赖,安装完依赖的目录是这样子的 [image-20220530173551016] 我们会看到jupyter笔记本的变化 [image-20220530174923921] [image
其中重排和重绘是最耗时的部分,一旦触发重排,我们对DOM的修改引发了DOM几何元素的变化,渲染树需要重新计算, 而重绘只会改变vidibility、outline、背景色等属性导致样式的变化,使浏览器需要根据新的属性进行绘制 更比而言,重排会产生比重绘更大的开销。所以,我们在实际生产中要严格注意减少重排的触发。 2.浏览器窗口尺寸改变 3.元素位置和尺寸发生改变的时候 4.新增和删除可见元素 5.内容发生改变(文字数量或图片大小等等) 6.元素字体大小变化。 7.激活CSS伪类(例如::hover)。 触发重绘的操作主要有: vidibility、outline、背景色等属性的改变 我们应当注意的是:重绘不一定导致重排,但重排一定会导致重绘。 5. 将position属性设置为absolute或fixed position属性为absolute或fixed的元素,重排开销比较小,不用考虑它对其他元素的影响 6.
实现效果: 视频链接 课前资源: 链接: https://pan.baidu.com/s/1UxPPUo5UmAkeUYWonEOCPQ 提取码: s59e 本资源包括: 用于本应用的房子模型 将xiaowu挂载到该脚本的House上 4)、让小屋能放大缩小、能旋转、触发钟表事件 给小屋添加如下组件,并进行如下配置 5、配置测试模块 1)、UI模块 a、右键UI-Image,Canvas设置为 文字如下所示 <size=100>小测试</size> 屋子三角部分底边a=5m,高h=2m 小朋友,屋子该部分的面积是多少? b、同理,制作查询界面 5)查询按钮
治理数字化转型包括“5个新”,将围绕“政务服务新体系、城市运行新韧性、经济监管新能效、社会治理新成效、智慧政法新应用”等,展开一系列场景打造和落地应用,从而加快把制度优势转化为治理效能。 上海明确,数字化转型将突出以企业和市民普遍关心的“高频”以及“急难”问题作为牵引,坚持“以人为本、场景牵引、急用先行”原则。
canvas 绘点图 项目中需要一个记录点实时变动的信息,在此记录一下: <! , "data": { "d3:35:c5:e7:62:27": [369.92, 425.31], "20:29:73:d7:09:37": [575.07, 192.57 // 第一次执行 _this.getData(); _this.eventsFn(); // 每5秒执行一次
reflow: 当render树中的一部分或者全部因为大小边距等问题发生改变而需要重建的过程叫做回流 repaint: 当元素的一部分属性发生变化,如外观背景色不会引起布局变化而需要重新渲染的过程叫做重绘 回流一定会引发重绘 但是 重绘不一定引发回流 引发回流的情况 : 首当其冲自然是dom树结构变化,比如你删除或者添加某个node. red"; // 再一次 回流+重绘 s.color = "blue"; // 再一次重绘 s.backgroundColor = "#ccc"; // 再一次 重绘 s.fontSize = "14px"; // 再一次 回流+重绘 // 添加node,再一次 回流+重绘 document.body.appendChild(document.createTextNode('abc!')) ; 说到这里大家都知道回流比重绘的代价要更高,回流的花销跟render tree有多少节点需要重新构建有关系,假设你直接操作body,比如在body最前面插入1个元素,会导致整个render tree
加深认识 “重绘” 和 “重排” 1.重绘 重绘是指一个元素外观改变所触发的浏览器行为,大概就是外观属性的改变,像,背景颜色,等 2,重排 重排是指渲染树中因为元素的尺寸或规模改变,需要重新构建的这个过程 3,触发重排的条件 页面第一次加载时 添加或删除可见的dom元素时 元素的位置改变,或使用动画时 元素尺寸改变时 浏览器的窗口尺寸改变时 填充的内容改变时 4,重绘和重排的关系 重排一定回引发重绘,但重绘不一定回重排 5,顺便讲讲浏览器的渲染过程,上图 ? 生成渲染树 (这个时候已经走到render tree 啦) 然后就是layout(这就是回流) ,可以得到几何信息 再然后就是重绘啦,可以得到节点的绝对像素, 最后就是将像素发给GPU,展示在页面上