ai 作品 2 则,适合做空白网页背景

尝试让 gpt 绘制动态网页背景玩,好像有点费 cpu 复制下面两个链接到地址栏查看效果

使用的提示词如下:

帮我写一个 html 页面,要求如下: 页面是一个类似屏幕保护程序的动态画面,使用 js,css 生成 效果要复杂,精致,多彩 必须是动态的效果,请发挥想象力,尽可能夸张,炫酷,绚丽,美观 我是用来做默认网页的,作为空闲时的网页,这样美观优雅

非常好,请继续改进:请多彩些,背景色需要是浅色,动态的点该用彩色和不同大小的集合图形.点移动的规则纯随机不够有趣,需要活泼生动,再不时添加一些搞笑的突发事件,画风整体轻松,愉快,美丽,活泼,优雅,美好

很有趣!圆形感觉是发抖的效果?我希望是活泼的,想皮球弹来弹去的效果,最好能碰撞时刻有皮球被挤压的效果.解决下这个问题,背景应该是糖果色并且慢慢变幻的,好像有云雾和霓虹灯的效果

第一个:

data:text/html;base64,PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CjxtZXRhIGNoYXJzZXQ9IlVURi04Ij4KPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiPgo8dGl0bGU+RHluYW1pYyBQbGF5ZnVsIENhbmR5LUNvbG9yZWQgU2NyZWVuIFNhdmVyPC90aXRsZT4KPHN0eWxlPgogICAgaHRtbCwgYm9keSB7CiAgICAgICAgbWFyZ2luOiAwOwogICAgICAgIHBhZGRpbmc6IDA7CiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgICAgICBoZWlnaHQ6IDEwMCU7CiAgICAgICAgYmFja2dyb3VuZDogcmFkaWFsLWdyYWRpZW50KGNpcmNsZSwgI2ZmYjZiOSAwJSwgI2ZhZTNkOSA1MCUsICNiYmRlZDYgMTAwJSk7CiAgICAgICAgYW5pbWF0aW9uOiBiYWNrZ3JvdW5kQW5pbWF0aW9uIDEwcyBlYXNlIGluZmluaXRlIGFsdGVybmF0ZTsKICAgIH0KICAgIEBrZXlmcmFtZXMgYmFja2dyb3VuZEFuaW1hdGlvbiB7CiAgICAgICAgMCUgewogICAgICAgICAgICBmaWx0ZXI6IGh1ZS1yb3RhdGUoMGRlZyk7CiAgICAgICAgfQogICAgICAgIDEwMCUgewogICAgICAgICAgICBmaWx0ZXI6IGh1ZS1yb3RhdGUoMzYwZGVnKTsKICAgICAgICB9CiAgICB9CiAgICAuYmFsbCB7CiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTsKICAgICAgICBvcGFjaXR5OiAwLjc7CiAgICAgICAgd2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTsKICAgIH0KICAgIC5mdW4tZXZlbnQgewogICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgICBhbmltYXRpb246IGZ1bi1ldmVudC1hbmltYXRpb24gNXMgZWFzZS1pbi1vdXQgaW5maW5pdGU7CiAgICB9CiAgICBAa2V5ZnJhbWVzIGZ1bi1ldmVudC1hbmltYXRpb24gewogICAgICAgIDAlLCAxMDAlIHsKICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApIHNjYWxlKDEpOwogICAgICAgIH0KICAgICAgICA1MCUgewogICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTIwcHgpIHNjYWxlKDEuMSk7CiAgICAgICAgfQogICAgfQo8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5Pgo8c2NyaXB0PgpjbGFzcyBCYWxsIHsKICAgIGNvbnN0cnVjdG9yKGVsZW1lbnQpIHsKICAgICAgICB0aGlzLmVsZW1lbnQgPSBlbGVtZW50OwogICAgICAgIHRoaXMueCA9IE1hdGgucmFuZG9tKCkgKiB3aW5kb3cuaW5uZXJXaWR0aDsKICAgICAgICB0aGlzLnkgPSBNYXRoLnJhbmRvbSgpICogd2luZG93LmlubmVySGVpZ2h0OwogICAgICAgIHRoaXMudnggPSAoTWF0aC5yYW5kb20oKSAtIDAuNSkgKiA1OwogICAgICAgIHRoaXMudnkgPSAoTWF0aC5yYW5kb20oKSAtIDAuNSkgKiA1OwogICAgICAgIHRoaXMuc2l6ZSA9IE1hdGgucmFuZG9tKCkgKiAxMDAgKyAxMDsKCiAgICAgICAgdGhpcy51cGRhdGVTdHlsZSgpOwogICAgfQoKICAgIHVwZGF0ZVN0eWxlKCkgewogICAgICAgIHRoaXMuZWxlbWVudC5zdHlsZS53aWR0aCA9IGAke3RoaXMuc2l6ZX1weGA7CiAgICAgICAgdGhpcy5lbGVtZW50LnN0eWxlLmhlaWdodCA9IGAke3RoaXMuc2l6ZX1weGA7CiAgICAgICAgdGhpcy5lbGVtZW50LnN0eWxlLmJhY2tncm91bmQgPSBgaHNsKCR7TWF0aC5yYW5kb20oKSAqIDM2MH0sIDcwJSwgNjAlKWA7CiAgICAgICAgdGhpcy5lbGVtZW50LnN0eWxlLm9wYWNpdHkgPSBgJHtNYXRoLnJhbmRvbSgpLnRvRml4ZWQoMil9YDsKICAgIH0KCiAgICBtb3ZlKCkgewogICAgICAgIHRoaXMueCArPSB0aGlzLnZ4OwogICAgICAgIHRoaXMueSArPSB0aGlzLnZ5OwoKICAgICAgICBjb25zdCBsZWZ0ID0gdGhpcy54IC0gdGhpcy5zaXplIC8gMjsKICAgICAgICBjb25zdCB0b3AgPSB0aGlzLnkgLSB0aGlzLnNpemUgLyAyOwoKICAgICAgICBpZiAobGVmdCA8PSAwIHx8IGxlZnQgPj0gd2luZG93LmlubmVyV2lkdGggLSB0aGlzLnNpemUpIHsKICAgICAgICAgICAgdGhpcy52eCAqPSAtMTsKICAgICAgICB9CgogICAgICAgIGlmICh0b3AgPD0gMCB8fCB0b3AgPj0gd2luZG93LmlubmVySGVpZ2h0IC0gdGhpcy5zaXplKSB7CiAgICAgICAgICAgIHRoaXMudnkgKj0gLTE7CiAgICAgICAgfQoKICAgICAgICB0aGlzLmVsZW1lbnQuc3R5bGUudHJhbnNmb3JtID0gYHRyYW5zbGF0ZSgke2xlZnR9cHgsICR7dG9wfXB4KWA7CiAgICB9Cn0KCi8vIEluaXRpYWxpemUgYmFsbHMKY29uc3QgYmFsbHMgPSBbXTsKZm9yIChsZXQgaSA9IDA7IGkgPCAxMDA7IGkrKykgewogICAgY29uc3QgYmFsbEVsZW1lbnQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTsKICAgIGJhbGxFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2JhbGwnKTsKICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoYmFsbEVsZW1lbnQpOwogICAgYmFsbHMucHVzaChuZXcgQmFsbChiYWxsRWxlbWVudCkpOwp9CgovLyBBbmltYXRpb24gbG9vcApmdW5jdGlvbiBhbmltYXRlKCkgewogICAgYmFsbHMuZm9yRWFjaChiYWxsID0+IGJhbGwubW92ZSgpKTsKICAgIHJlcXVlc3RBbmltYXRpb25GcmFtZShhbmltYXRlKTsKfQoKcmVxdWVzdEFuaW1hdGlvbkZyYW1lKGFuaW1hdGUpOwo8L3NjcmlwdD4KPC9ib2R5Pgo8L2h0bWw+Cg==

第二个:

data:text/html;base64,PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CjxtZXRhIGNoYXJzZXQ9IlVURi04Ij4KPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiPgo8dGl0bGU+Q29sb3JmdWwgRHluYW1pYyBFZmZlY3Qgd2l0aCBTbW9vdGggQmFja2dyb3VuZDwvdGl0bGU+CjxzdHlsZT4KICAgIEBrZXlmcmFtZXMgYmFja2dyb3VuZEFuaW1hdGlvbiB7CiAgICAgICAgMCUgeyBiYWNrZ3JvdW5kOiAjZjljMGMwOyB9CiAgICAgICAgMjUlIHsgYmFja2dyb3VuZDogI2YzZjljMDsgfQogICAgICAgIDUwJSB7IGJhY2tncm91bmQ6ICNjMGY5ZDE7IH0KICAgICAgICA3NSUgeyBiYWNrZ3JvdW5kOiAjYzBmMWY5OyB9CiAgICAgICAgMTAwJSB7IGJhY2tncm91bmQ6ICNmOWMwYzA7IH0KICAgIH0KICAgIGJvZHksIGh0bWwgewogICAgICAgIG1hcmdpbjogMDsKICAgICAgICBwYWRkaW5nOiAwOwogICAgICAgIGhlaWdodDogMTAwJTsKICAgICAgICBiYWNrZ3JvdW5kOiAjZjljMGMwOwogICAgICAgIGFuaW1hdGlvbjogYmFja2dyb3VuZEFuaW1hdGlvbiAzMHMgZWFzZSBpbmZpbml0ZTsKICAgICAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgfQogICAgY2FudmFzIHsKICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICAgICAgdG9wOiAwOwogICAgICAgIGxlZnQ6IDA7CiAgICB9Cjwvc3R5bGU+CjwvaGVhZD4KPGJvZHk+CjxjYW52YXMgaWQ9ImNvb2xDYW52YXMiPjwvY2FudmFzPgo8c2NyaXB0PgogICAgY29uc3QgY2FudmFzID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2Nvb2xDYW52YXMnKTsKICAgIGNvbnN0IGN0eCA9IGNhbnZhcy5nZXRDb250ZXh0KCcyZCcpOwoKICAgIGxldCB3ID0gY2FudmFzLndpZHRoID0gaW5uZXJXaWR0aDsKICAgIGxldCBoID0gY2FudmFzLmhlaWdodCA9IGlubmVySGVpZ2h0OwogICAgbGV0IHBhcnRpY2xlcyA9IFtdOwogICAgY29uc3QgcHJvcGVydGllcyA9IHsKICAgICAgICBwYXJ0aWNsZUNvdW50ICAgICAgIDogMTAwLAogICAgICAgIHBhcnRpY2xlTWF4VmVsb2NpdHkgOiAwLjUsCiAgICAgICAgbGluZUxlbmd0aCAgICAgICAgICA6IDMwMCwKICAgICAgICBwYXJ0aWNsZUxpZmUgICAgICAgIDogNiwKICAgIH07CgogICAgd2luZG93Lm9ucmVzaXplID0gKCkgPT4gewogICAgICAgIHcgPSBjYW52YXMud2lkdGggPSBpbm5lcldpZHRoOwogICAgICAgIGggPSBjYW52YXMuaGVpZ2h0ID0gaW5uZXJIZWlnaHQ7CiAgICB9OwoKICAgIGNsYXNzIFBhcnRpY2xlIHsKICAgICAgICBjb25zdHJ1Y3RvcigpIHsKICAgICAgICAgICAgdGhpcy54ID0gTWF0aC5yYW5kb20oKSAqIHc7CiAgICAgICAgICAgIHRoaXMueSA9IE1hdGgucmFuZG9tKCkgKiBoOwogICAgICAgICAgICB0aGlzLnZlbG9jaXR5WCA9IE1hdGgucmFuZG9tKCkgKiAocHJvcGVydGllcy5wYXJ0aWNsZU1heFZlbG9jaXR5ICogMikgLSBwcm9wZXJ0aWVzLnBhcnRpY2xlTWF4VmVsb2NpdHk7CiAgICAgICAgICAgIHRoaXMudmVsb2NpdHlZID0gTWF0aC5yYW5kb20oKSAqIChwcm9wZXJ0aWVzLnBhcnRpY2xlTWF4VmVsb2NpdHkgKiAyKSAtIHByb3BlcnRpZXMucGFydGljbGVNYXhWZWxvY2l0eTsKICAgICAgICAgICAgdGhpcy5saWZlID0gTWF0aC5yYW5kb20oKSAqIHByb3BlcnRpZXMucGFydGljbGVMaWZlICogNjA7CiAgICAgICAgICAgIHRoaXMucmFkaXVzID0gTWF0aC5yYW5kb20oKSAqIDEgKyAxOwogICAgICAgICAgICB0aGlzLmNvbG9yID0gYGhzbCgke01hdGgucmFuZG9tKCkgKiAzNjB9LCAxMDAlLCA1MCUpYDsKICAgICAgICAgICAgdGhpcy5saW5lQ29sb3IgPSBgaHNsYSgke01hdGgucmFuZG9tKCkgKiAzNjB9LCAxMDAlLCA1MCUsIDAuNSlgOwogICAgICAgIH0KICAgICAgICBwb3NpdGlvbigpIHsKICAgICAgICAgICAgaWYodGhpcy54ICsgdGhpcy52ZWxvY2l0eVggPiB3IHx8IHRoaXMueCArIHRoaXMudmVsb2NpdHlYIDwgMCkgewogICAgICAgICAgICAgICAgdGhpcy52ZWxvY2l0eVggKj0gLTE7CiAgICAgICAgICAgIH0KICAgICAgICAgICAgaWYodGhpcy55ICsgdGhpcy52ZWxvY2l0eVkgPiBoIHx8IHRoaXMueSArIHRoaXMudmVsb2NpdHlZIDwgMCkgewogICAgICAgICAgICAgICAgdGhpcy52ZWxvY2l0eVkgKj0gLTE7CiAgICAgICAgICAgIH0KICAgICAgICAgICAgdGhpcy54ICs9IHRoaXMudmVsb2NpdHlYOwogICAgICAgICAgICB0aGlzLnkgKz0gdGhpcy52ZWxvY2l0eVk7CiAgICAgICAgfQogICAgICAgIHJlRHJhdygpIHsKICAgICAgICAgICAgY3R4LmJlZ2luUGF0aCgpOwogICAgICAgICAgICBjdHguYXJjKHRoaXMueCwgdGhpcy55LCB0aGlzLnJhZGl1cywgMCwgTWF0aC5QSSAqIDIpOwogICAgICAgICAgICBjdHguY2xvc2VQYXRoKCk7CiAgICAgICAgICAgIGN0eC5maWxsU3R5bGUgPSB0aGlzLmNvbG9yOwogICAgICAgICAgICBjdHguZmlsbCgpOwogICAgICAgIH0KICAgICAgICByZUNhbGN1bGF0ZUxpZmUoKSB7CiAgICAgICAgICAgIGlmKHRoaXMubGlmZSA8IDEpIHsKICAgICAgICAgICAgICAgIHRoaXMueCA9IE1hdGgucmFuZG9tKCkgKiB3OwogICAgICAgICAgICAgICAgdGhpcy55ID0gTWF0aC5yYW5kb20oKSAqIGg7CiAgICAgICAgICAgICAgICB0aGlzLnZlbG9jaXR5WCA9IE1hdGgucmFuZG9tKCkgKiAocHJvcGVydGllcy5wYXJ0aWNsZU1heFZlbG9jaXR5ICogMikgLSBwcm9wZXJ0aWVzLnBhcnRpY2xlTWF4VmVsb2NpdHk7CiAgICAgICAgICAgICAgICB0aGlzLnZlbG9jaXR5WSA9IE1hdGgucmFuZG9tKCkgKiAocHJvcGVydGllcy5wYXJ0aWNsZU1heFZlbG9jaXR5ICogMikgLSBwcm9wZXJ0aWVzLnBhcnRpY2xlTWF4VmVsb2NpdHk7CiAgICAgICAgICAgICAgICB0aGlzLmxpZmUgPSBNYXRoLnJhbmRvbSgpICogcHJvcGVydGllcy5wYXJ0aWNsZUxpZmUgKiA2MDsKICAgICAgICAgICAgICAgIHRoaXMucmFkaXVzID0gTWF0aC5yYW5kb20oKSAqIDEgKyAxOwogICAgICAgICAgICAgICAgdGhpcy5jb2xvciA9IGBoc2woJHtNYXRoLnJhbmRvbSgpICogMzYwfSwgMTAwJSwgNTAlKWA7CiAgICAgICAgICAgICAgICB0aGlzLmxpbmVDb2xvciA9IGBoc2xhKCR7TWF0aC5yYW5kb20oKSAqIDM2MH0sIDEwMCUsIDUwJSwgMC41KWA7CiAgICAgICAgICAgIH0KICAgICAgICAgICAgdGhpcy5saWZlLS07CiAgICAgICAgfQogICAgfQoKICAgIGZ1bmN0aW9uIGRyYXdMaW5lcygpIHsKICAgICAgICBsZXQgeDEsIHkxLCB4MiwgeTIsIGxlbmd0aCwgb3BhY2l0eTsKICAgICAgICBmb3IobGV0IGkgaW4gcGFydGljbGVzKSB7CiAgICAgICAgICAgIGZvcihsZXQgaiBpbiBwYXJ0aWNsZXMpIHsKICAgICAgICAgICAgICAgIHgxID0gcGFydGljbGVzW2ldLng7CiAgICAgICAgICAgICAgICB5MSA9IHBhcnRpY2xlc1tpXS55OwogICAgICAgICAgICAgICAgeDIgPSBwYXJ0aWNsZXNbal0ueDsKICAgICAgICAgICAgICAgIHkyID0gcGFydGljbGVzW2pdLnk7CiAgICAgICAgICAgICAgICBsZW5ndGggPSBNYXRoLnNxcnQoTWF0aC5wb3coeDIgLSB4MSwgMikgKyBNYXRoLnBvdyh5MiAtIHkxLCAyKSk7CiAgICAgICAgICAgICAgICBpZihsZW5ndGggPCBwcm9wZXJ0aWVzLmxpbmVMZW5ndGgpIHsKICAgICAgICAgICAgICAgICAgICBvcGFjaXR5ID0gMSAtIGxlbmd0aCAvIHByb3BlcnRpZXMubGluZUxlbmd0aDsKICAgICAgICAgICAgICAgICAgICBjdHgubGluZVdpZHRoID0gJzEwLjUnOwogICAgICAgICAgICAgICAgICAgIGN0eC5zdHJva2VTdHlsZSA9IHBhcnRpY2xlc1tpXS5saW5lQ29sb3I7CiAgICAgICAgICAgICAgICAgICAgY3R4Lmdsb2JhbEFscGhhID0gb3BhY2l0eTsgLy8gQWRkZWQgZm9yIGNvbnNpc3RlbnQgbGluZSBjb2xvciB3aXRoIHZhcnlpbmcgb3BhY2l0eQogICAgICAgICAgICAgICAgICAgIGN0eC5iZWdpblBhdGgoKTsKICAgICAgICAgICAgICAgICAgICBjdHgubW92ZVRvKHgxLCB5MSk7CiAgICAgICAgICAgICAgICAgICAgY3R4LmxpbmVUbyh4MiwgeTIpOwogICAgICAgICAgICAgICAgICAgIGN0eC5jbG9zZVBhdGgoKTsKICAgICAgICAgICAgICAgICAgICBjdHguc3Ryb2tlKCk7CiAgICAgICAgICAgICAgICAgICAgY3R4Lmdsb2JhbEFscGhhID0gMS4wOyAvLyBSZXNldCB0aGUgZ2xvYmFsIGFscGhhCiAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICB9CiAgICB9CgogICAgZnVuY3Rpb24gcmVEcmF3UGFydGljbGVzKCkgewogICAgICAgIGZvcihsZXQgaSBpbiBwYXJ0aWNsZXMpIHsKICAgICAgICAgICAgcGFydGljbGVzW2ldLnJlQ2FsY3VsYXRlTGlmZSgpOwogICAgICAgICAgICBwYXJ0aWNsZXNbaV0ucG9zaXRpb24oKTsKICAgICAgICAgICAgcGFydGljbGVzW2ldLnJlRHJhdygpOwogICAgICAgIH0KICAgIH0KCiAgICBmdW5jdGlvbiBsb29wKCkgewogICAgICAgIGN0eC5jbGVhclJlY3QoMCwgMCwgdywgaCk7CiAgICAgICAgcmVEcmF3UGFydGljbGVzKCk7CiAgICAgICAgZHJhd0xpbmVzKCk7CiAgICAgICAgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKGxvb3ApOwogICAgfQoKICAgIGZ1bmN0aW9uIGluaXQoKSB7CiAgICAgICAgZm9yKGxldCBpID0gMCA7IGkgPCBwcm9wZXJ0aWVzLnBhcnRpY2xlQ291bnQgOyBpKyspIHsKICAgICAgICAgICAgcGFydGljbGVzLnB1c2gobmV3IFBhcnRpY2xlKCkpOwogICAgICAgIH0KICAgICAgICBsb29wKCk7CiAgICB9CgogICAgaW5pdCgpOwo8L3NjcmlwdD4KPC9ib2R5Pgo8L2h0bWw+Cg==