怎么制作像 midjourney 官网一样的页面显示效果

2023-04-26 10:17:32 +08:00
 Uang
新手想问一下怎么制作像 midjourney 官网一样的页面显示效果,好酷炫。
是否有相似的项目,很想自己做一个!
2001 次点击
所在节点    JavaScript
8 条回复
xiaohundun
2023-04-26 10:22:51 +08:00
做个视频放上去😂
SteveDoyle2
2023-04-26 10:28:03 +08:00
前端 js 代码不是公开的?
SteveDoyle2
2023-04-26 10:59:49 +08:00
关键代码

r.useEffect)((function() {
if ("?animate=false" !== document.location.search)
return C = document.getElementById("bannerSVG"),
E = "/imagine close up, modern cowboy on a ranch, his eyes are filled with the cosmos, realistic\n /imagine city areal perspective. streets glowing, concrete architecture, green roofs, people on the streets\n /imagine the beginning of the universe by Monet\n /imagine looking up a never ending staircase by Jean Giraud Moebius\n /imagine abstract, cycle, organic, powerful, behance\n /imagine gorgeous bouquet still life painting in the style of Odilon Redon and Henri Fantin-Latour\n /imagine a warm sunny beach near an ocean full of pikachu's\n /imagine 3d render of gold rings, geometric, circles, triangles, psychedelic, infinity pool, eccojams, vaporwave, oneohtrix point never, golden hour, glossy reflections and light rays, portals into other worlds\n /imagine intricate jungle landscape by albrecht durer, henri rousseau, pieter brueghel the elder, mattisse\n /imagine cyberpunk cat rabbit hacker, googles, anime style\n /imagine banana with glasses dancing, ghibli style\n /imagine corgis dancing in vibrant victorian dresses, Rococo style, in a large luxurious ballroom\n /imagine A wise/meditating/fantasy wizard sitting in complex/intricate meadow with mountains/fields, painted by Japanese artist Koji Miromoto using detailed/hyperfine/lineart/print black paper ink techniques and exotic glowy psychedelic ink, autochrome colors/style. Stylized/detailed/textured, gradients, graduated colors, fine line details.\n /imagine 1960s illustration of the beginning of life on Earth\n /imagine commodore 1351 mouse. 80s sythwave style. hyper realistic\n /imagine map of steampunk desert\n /imagine francisco goya scene oil painting watercolor sci-fi science fiction cyberpunk time machine\n /imagine Portrait of a cyber glitch sorceress causing video corruption with her magic\n /imagine a realistic ancient temple, crumbling stone, vines, extreme detail, statues, octane render, volumetric fog, realistic lighting, reflections\n /imagine giant red crystals in a desert with two suns\n /imagine Robin Williams in the style of John Allison\n /imagine standing in front of a castle\n /imagine a professional photorealistic Portrait of an Astronaut by Peter Mohrbacher,Shaun Tan and Seb McKinnon,realistic eyes,realistic hair,,Beautiful Hit Tech costume and Helmet details,Beautiful dramatic dark moody lighting,Cinematographic Atmosphere,photorealism glossy magazine painting,Octane Render,Deep Color,8k Resolution,High Details,Flickr,DSLR,CGsociety,Artstation\n /imagine Matter condensed from energy, life built upon matter, consciousness upon life\n /imagine hyperreal swirling watercolors trapped in a soap bubble, 4k render\n /imagine beautiful painting of clouds with sunrise, by john martin, Trending on artstation, pastel aesthetic\n /imagine modern futuristic lampshade with art nouveau inspiration\n /imagine photo shot on Leica IIIf with 50mm f/2 Summar; 1/50 sec; f/4\n /imagine sharp alphabet typography by Walter Gropius\n /imagine four dogs playing poker in a crowded room, by Malcolm Liepke and Lovis Corinth, oilpainting\n /imagine invitation made with old paper written with cursive font pyrographic words in the center | red wax seal above in the top-left corner, cinematic light, artstation\n /imagine aisle view of the festival street market in AlUla, many booths, seating areas, natural materials, cinematic shot\n /imagine japanese temple, sakura, detailed oil painting, by Mateusz Urbanowicz\n /imagine a stegosaurus drawn by John Singer Sargent\n /imagine a mysterious forest with many fireflies, trees with large roots covered in moss, green vegetation, Studio Ghibli animation style, Japanese animation film background,\n /imagine the universe in our ancestors eyes\n /imagine The inside of a gothic cathedral that looks like a tropical alien utopian jungle rainforest, dramatic cinematic lighting\n /imagine A hero stands alone, artstation, highly detailed, cinematic\n /imagine symmetric texture repetition on a tree on a beautiful mountain landscape\n /imagine midcentury luchador mask, risograph\n /imagine ultra detailed line drawing, black and white and red, pen and ink, high tech cyberpunk geisha with headphones and sunglasses and VR goggles in style of Shohei Otomo\n /imagine interior of master bedroom in victorian mansion, window, dan mindel cinematography, 35mm, movie scene, pitch black, realistic lighting, perspective shots, moody atmosphere, light coming from outside, HDRI\n /imagine the alien robot queen holding a party at the dome castle in HQ Cloud City during a technicolor sunset\n /imagine corporate memphis style, mural, pride month, white background, vector, characters waving pride flags, celebration\n /imagine abstract painting of coral reef\n /imagine a calico cat taking a nap on a kiwi\n /imagine Dreamy landscape depiction inspired by the works of Katsushika Hokusai, trending on artstation\n /imagine garden bridge over swan pond monet garden lillies and hanging trees art\n /imagine green dragon roosting above its lair in the ruins of a fantasy medieval city\n /imagine rainwater flowing through a complex system of ancient stone pipes and a gargoyle watching\n /imagine butterflies flit in a sunlit field. Hiroshige Japanese woodblock print.\n /imagine an illustration of a wooden magic wand with an aura of void around it, stars glitter subtly around it, closeup, fantasy card game art trending on artstation concept art by Jason Chan".split("\n").map((function(e) {
return e.replace(/\t/g, " ")
}
)),
M = F.split("\n").map((function(e) {
return e.replace(/\t/g, " ")
}
)),
A = [],
I = [],
W(),
window.addEventListener("resize", W),
requestAnimationFrame(G),
function() {
window.removeEventListener("resize", W)
}
}


function G(e) {
if (requestAnimationFrame(G),
B || (B = .001 * e),
R || (R = e),
!("visible" !== document.visibilityState || e - R < 42)) {
R = e;
for (var a = .001 * e - B, t = function(e) {
return e < .5 ? (1 - D(1 - Math.pow(2 * e, 2))) / 2 : (D(1 - Math.pow(-2 * e + 2, 2)) + 1) / 2
}(K(.5 * (a - 1), 0, 1)), n = (window.innerWidth,
window.innerHeight,
0); n < A.length; n++) {
for (var i = "", r = "", s = 1 - 2 * n / A.length, c = 0; c < S; c++) {
var o = 2 * c / S - 1
, d = D(o * o + s * s)
, l = .1 * a / H(.1, d)
, f = P(l)
, b = L(l)
, u = o * f - s * b
, m = q((o * b + s * f + 1) / 2 * S)
, h = q((u + 1) / 2 * E.length) % E.length
, g = m < 0 || m >= S || h < 0 || h >= A.length ? " " : E[h][m] || " ";
if (n > O && n < O + M.length + 1 && c > T && c < T + M[0].length + 1) {
var p = c - T - 1
, x = n - O - 1
, v = M[x][p] || g
, y = " " != M[x][p - 1]
, w = " " != M[x][p + 1];
if (" " != v || y || w) {
var j = g.charCodeAt(0)
, _ = v.charCodeAt(0);
r += g = String.fromCharCode(q(Z(j, _, t))),
1 == t && (g = " ")
} else
r += " ";
c == T + M[0].length && (I[x].textContent = r,
I[x].setAttribute("fill-opacity", t))
}
i += g
}
A[n].textContent = i
}
}
}
knightdf
2023-04-26 13:45:49 +08:00
我觉得 remix 的更炫酷
Uang
360 天前
@SteveDoyle2 谢谢你我刚看到消息,原来是这部分的代码,非常感谢!我去试试
Uang
360 天前
@xiaohundun 不失为一种办法,但视频的话意味着需要制作一个视频,还要点击播放 hhhhh 太麻烦了感觉
Uang
360 天前
@knightdf 请问是哪个 remix ,可否发我个网站看看
knightdf
359 天前

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/935547

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX