TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Civilization VI UI, but made in Webflow (a no-code tool)

148 点作者 daolf超过 4 年前

24 条评论

smt88超过 4 年前
Flagged for misleading/clickbait title. Accurate (much less impressive) title would be: "Civilization VI UI made in WebFlow"
评论 #24295263 未加载
Kapura超过 4 年前
This is the UI for civilization, correct? i didn&#x27;t seem to be able to interact with the... game part of the game.<p>Still, Civilization games have impressively complex UI, so even to approximate that is quite a task.
评论 #24294759 未加载
评论 #24302333 未加载
0dmethz超过 4 年前
This seems a little misleading. It&#x27;s the game&#x27;s UI built in Webflow, but the <i>actual game</i> is 100% missing from this.
评论 #24294930 未加载
daolf超过 4 年前
All credits to <a href="https:&#x2F;&#x2F;twitter.com&#x2F;SarkisBuniatyan" rel="nofollow">https:&#x2F;&#x2F;twitter.com&#x2F;SarkisBuniatyan</a>.<p>Apparently he&#x27;s having a livestream the 29th showing how he did it.
评论 #24295703 未加载
评论 #24294618 未加载
评论 #24302337 未加载
评论 #24296790 未加载
_5659超过 4 年前
Amazing. Some of the buttons don&#x27;t quite register or click on time but the functionality seems to work all the same. Couldn&#x27;t quite figure out how to found a city or move my warrior.<p>This thing loads faster than my actual copy of Civ VI.
评论 #24294624 未加载
评论 #24302341 未加载
评论 #24294612 未加载
SarkisB超过 4 年前
Hi everyone! Sarkis here, the creator of the project.<p>Thanks a lot for sharing it along with your kind words and constructive feedback. Happy to answer any questions you have. I&#x27;m a product designer specializing in software prototypes and MVPs. I&#x27;m on a mission to unlock and share the full potential of nocode tools.<p>Unfortunately, they are often viewed as primitive website builders. So I rebuilt Civilization VI&#x27;s entire UI and UX to demonstrate how far you can push nocode today. This is the largest cloneable Webflow project ever released featuring 12,400 elements, 1800 styles, 1200 assets, and 400 interactions. The interface can easily be hooked up to a backend to incorporate functionality. This is not a playable game but a demonstration of how far we can push nocode. It took roughly two weeks during my spare time. ‎ This prototype is a loving tribute to Sid Meier and one of my favorite games of all time. I&#x27;ve integrated all 46 leaders along with their soundtracks and nearly every feature in the game. The project stands at a whooping 124GB and runs on one single screen. So yes, you may notice lags from time to time depending on what machine you&#x27;re using. ‎ The next time someone tries to dismiss nocode or asks you what&#x27;s possible, just ping them this link.<p>Civilization.webflow.io<p>Learn more on Webflow.com&#x2F;sarkis<p>Follow my work on Twitter.com&#x2F;sarkisbuniatyan<p>Watch the masterclass tomorrow on YouTube <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=ZXAGmosa7R8" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=ZXAGmosa7R8</a>
wazoox超过 4 年前
My desktop PC is a ~2009 dual core machine, but this is actually almost usable, the main annoyance being the slow mouse cursor. Everything else just works fine. Impressive.
评论 #24303402 未加载
RubenSandwich超过 4 年前
Hello folks,<p>Webflow engineer here. (On the accessibility team.) We are on a mission to dramatically make it easier to build for the web and are hiring across a bunch of roles: <a href="https:&#x2F;&#x2F;boards.greenhouse.io&#x2F;webflow" rel="nofollow">https:&#x2F;&#x2F;boards.greenhouse.io&#x2F;webflow</a>.<p>Feel free to reach out with questions about the roles. Contact me at (my first name) at webflow.com.
branon超过 4 年前
Amazing, but feels like it doesn&#x27;t belong in a browser. Will run very slowly on everything besides reasonable fast Intel hardware.
评论 #24303405 未加载
darepublic超过 4 年前
Was somewhat janky but quite impressive nonetheless. Whats not as clear is .. how easy is it to make this UI in webflow. I can easily imagine making this in React.. how much less time would it take in webflow? Or is the appeal purely accessibility to non devs.
评论 #24303454 未加载
gruez超过 4 年前
Is it me or does the whole thing feel a little... sluggish (on firefox), even on the main menu? I get it&#x27;s supposed to be no-code so it&#x27;s not optimized, but the whole thing feels significantly more sluggish compared to the feature set it offers.<p>There&#x27;s also some differences from the original<p>* there&#x27;s a weird parallax effect if you move the mouse around<p>* the cursor rotates when you hover over an element, so it ends up pointing straight up<p>* the menu opening&#x2F;closing transitions<p>* when you&#x27;re creating a new SP game, the leader&#x2F;civilization information that you get when hovering over a civilization is missing<p>* none of the sliders work (they &quot;work&quot; when you hover over them, but they don&#x27;t stick after your release your mouse or leave the hover area)
评论 #24303446 未加载
jbarrozo超过 4 年前
I looked at it thru webflow designer, I was like, you&#x27;re amazing!! I can&#x27;t count the hours it took for you to get this.
评论 #24303456 未加载
deklerk超过 4 年前
What in the world. This is incredible. Could we have a blog post about how this is achieved? Is there webassembly involved?
评论 #24295073 未加载
duxup超过 4 年前
My browser is dying here so I&#x27;m not able to really get a feel for how it plays...<p>I wonder, is the AI any better? (obviously this effort maybe isn&#x27;t about AI).<p>I&#x27;ve played a lot of Civ but VI really turned me off with the AI&#x27;s random decisions to just rage quite &#x2F; inability to actually fight a war with ANY coherent effort.
评论 #24294765 未加载
jnwatson超过 4 年前
I&#x27;m genuinely super confused. This could be done in Flash in a couple hours. Am I missing something or is this just mostly static images with button transitions? Like what you could do in Powerpoint.
评论 #24312435 未加载
nemacol超过 4 年前
I am curious how this is legal. Sorry if this is an ignorant question.
评论 #24295132 未加载
评论 #24294774 未加载
评论 #24312416 未加载
评论 #24294887 未加载
评论 #24294727 未加载
spcebar超过 4 年前
I know &quot;you may only witness our glory on desktop&quot; is a joke, but it comes off as very arrogant.
评论 #24296322 未加载
brianbreslin超过 4 年前
This is bananas. Didn&#x27;t know webflow was that extensible.
hkcray超过 4 年前
Shows how webflow and the like are the future of web dev
scott31超过 4 年前
Crashed my browser
评论 #24294687 未加载
eloff超过 4 年前
That&#x27;s completely insane. Clearly WebFlow is more powerful than I thought. Props to Sarkis for pulling this off.
评论 #24294654 未加载
wrink超过 4 年前
Holy Crap - nice work
non-entity超过 4 年前
This is a very interesting showcase of what seems like a capable no code tool. I dont think I&#x27;ve ever seen this much power in one, especially a web based one, in fact most no-code developed apps ive used are nothing more than plain old forms, hardly worthy of the app title.<p>I played with some random no code tool I could find a few years ago, mostly in the mobile sphere and they seemed very bad producing bloated cookie cutter applications. Ivenever beleived no-code tools would ever see much adoption but I&#x27;m not sure anymore.
评论 #24295023 未加载
评论 #24302347 未加载
safog超过 4 年前
Incredible stuff!<p>I&#x27;ll need to check out some of the no-code tools again, the world has come a long way from WYSIWYG html tools.