• What are you working on? v6
    4,671 replies, posted
[QUOTE=KmartSqrl;32366162]That's neat but it's not isometric.[/QUOTE] Oh of course, it isn't 30 degrees.
[img]http://puu.sh/5PAw[/img] Cloning Minecraft in just HTML, CSS, Javascript and PHP. Got the menu done so far, looking to make server connection and accounts.
Good luck, that's going to be dificult to pull off. (and I bet your version will still get a higher framerate)
Would be awesome to see it on a live server, any chances? [editline]19th September 2011[/editline] Even if it is just the menu.
Still no answer from the company I was going to be at. Damn. Well, well, back to work on the website for both the schools computer association and the company me and a few friends are going to start.
[QUOTE=Jelly;32371810]Would be awesome to see it on a live server, any chances? [editline]19th September 2011[/editline] Even if it is just the menu.[/QUOTE] Sure, just adding some finishing touches. I'm trying to get the dynamic logo text thing (the yellow text) working. I'm looking over at [url]http://costeira.com/minecraft/[/url] and he uses PHP to decide the size of the yellow text so it fits. Would you guys know how to decide that? [editline]19th September 2011[/editline] I seem to have got it through JS. [editline]19th September 2011[/editline] K uploaded. [url]http://summerglaufc.org/mc/[/url]
Wow, I finally managed to understand what the heck the HTML5 Boilerplate is. For some reason I had a block which wouldn't allow me to wrap my head around the concept of it. [editline]19th September 2011[/editline] Using it now! :D
Possible logo for upcoming project thingie [img]http://dl.dropbox.com/u/2951174/webdesign/1.png[/img]
[t]http://dl.dropbox.com/u/11275736/s/d/008.png[/t] [editline]19th September 2011[/editline] I don't like the font
It feels so bad when you're out of ideas. :suicide:
[QUOTE=RusselG;32372005] K uploaded. [url]http://summerglaufc.org/mc/[/url][/QUOTE] the background is lagging :tinfoil:
actually i think i changed the font
[QUOTE=zzlawlzz;32379745]the background is lagging :tinfoil:[/QUOTE] Yeah, it happens on Chrome only. Have no idea why Chrome's rendering is so shit. No lag at all on Firefox, Safari, (opera doesn't even display BG) and IE.
it's usually the other way around, i blame your code
[QUOTE=RusselG;32372005]Sure, just adding some finishing touches. I'm trying to get the dynamic logo text thing (the yellow text) working. I'm looking over at [url]http://costeira.com/minecraft/[/url] and he uses PHP to decide the size of the yellow text so it fits. Would you guys know how to decide that? [editline]19th September 2011[/editline] I seem to have got it through JS. [editline]19th September 2011[/editline] K uploaded. [url]http://summerglaufc.org/mc/[/url][/QUOTE] So you're directly hotlinking to [url]http://robot.anthonycalzadilla.com/js/bg-position.js[/url] which provides the background scrolling. You even copied most of the CSS from [url]http://costeira.com/minecraft/[/url] which provides the moving tagline and the buttons. [css]/* Yellow */ @-webkit-keyframes pulse{0%{-webkit-transform:scale(1,1)rotate(-20deg)}50%{-webkit-transform:scale(0.95,0.95)rotate(-20deg)}100%{-webkit-transform:scale(1,1)rotate(-20deg)}} @-moz-keyframes pulse{0%{-moz-transform:scale(1,1)rotate(-20deg)}50%{-moz-transform:scale(0.95,0.95)rotate(-20deg)}100%{-moz-transform:scale(1,1)rotate(-20deg)}} @keyframes pulse{0%{transform:scale(1,1)rotate(-20deg)}50%{transform:scale(0.95,0.95)rotate(-20deg)}100%{transform:scale(1,1)rotate(-20deg)}} yellow{ font-size:22pt; } yellow{ color:#FF0; float:right; text-align: center; margin-right:-6px; margin-top:-8px; text-shadow: 3px 3px 0px #440; /*webkit support (chrome/safari)*/ -webkit-animation-name:pulse; -webkit-animation-duration:0.5s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-transform:scale(1,1)translate(0,-70px)rotate(-20deg); -webkit-transform-origin:0% 0%; /*gecko support (firefox/minefield)*/ -moz-animation-name:pulse; -moz-animation-duration:0.5s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:ease-in-out; -moz-transform:scale(1,1)/*translate(0,-70px)*/rotate(-20deg); -moz-transform-origin:0% 0%; /*futureproof support (official css3 spec)*/ animation-name:pulse; animation-duration:0.5s; animation-iteration-count:infinite; animation-timing-function:ease-in-out; transform:scale(1,1)translate(0,-70px)rotate(-20deg); transform-origin:0% 0%; } /* Buttons */ .button{ width:400px; height:40px; background-image:url('buttons.png'); background-position:0px -40px; cursor:pointer; display:block; margin:0 auto 8px; padding-top:12px; -webkit-user-select:none; box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; } .button, .button.dead:hover{ color:#E0E0E0; text-shadow: 2px 2px 0px #383838; } .button.dead, .button.dead:hover{ background-position:0px 0px; cursor:default; -webkit-user-select:text; } .button:hover{ background-position:0px -80px; color:#FFFFA0; text-shadow: 2px 2px 0px #3F3F28; }[/css] Everything you've posted in this section has been either a straight out copy or you've stolen all the code. [b]STOP TAKING CREDIT FOR OTHER PEOPLES WORK.[/b]
[img]http://i.imgur.com/Cmq7P.png[/img]
We need you on Steam, StinkyJoe.
[QUOTE=JamesDean;32383036]We need you on Steam, StinkyJoe.[/QUOTE] But..but...I AM on Steam!
Isn't [url=http://summerglaufc.org/]this[/url] also just a combination of reag's site, tdoyle's background, Google's buttons, and tf2b?
[QUOTE=Jessecar96;32383553]Isn't [url=http://summerglaufc.org/]this[/url] also just a combination of reag's site, tdoyle's background, Google's buttons, and tf2b?[/QUOTE] What can we say? Russel loves to copy :v:
[QUOTE=TerabyteS_;32378017]Possible logo for upcoming project thingie [IMG]http://dl.dropbox.com/u/2951174/webdesign/1.png[/IMG][/QUOTE] Not bad, I think that would look better if you tightened the kerning so that the letters are closer together and not floating as far apart.
[QUOTE=Jelly;32382586]So you're directly hotlinking to [url]http://robot.anthonycalzadilla.com/js/bg-position.js[/url] which provides the background scrolling. You even copied most of the CSS from [b][url]http://www.costeira.com/minecraft/[/url][/b] which provides the moving tagline and the buttons. [css]my codes[/css] Everything you've posted in this section has been either a straight out copy or you've stolen all the code. [b]STOP TAKING CREDIT FOR OTHER PEOPLES WORK.[/b][/QUOTE] Fyi, he actually did ask me first, but I kind of managed to not notice his pm for a week or two.
[QUOTE=Jessecar96;32383553]Isn't [url=http://summerglaufc.org/]this[/url] also just a combination of reag's site, tdoyle's background, Google's buttons, and tf2b?[/QUOTE] reag wasn't the first person to make a site with a content box in the middle, tdoyle actually got that background from subtlepatterns and just coloured it and those are just grey buttons which look similar to google's - a million other sites probably have grey buttons too
[QUOTE=BrettJay;32386503]Not bad, I think that would look better if you tightened the kerning so that the letters are closer together and not floating as far apart.[/QUOTE]Thanks, I'll try that. Anyway I realized I could never get a domain called yoga and any other decent name. Anyway the idea was a spinoff of dribbble so it wouldn't even be original and that's not good at all. These days I'm struggling to get an original idea v:v:v, feels so bad...
[IMG]http://puu.sh/5S3P[/IMG] It's actualy isometric now, and I'm just ripping space station 13 textures as placeholders for now, I will be creating custom sprites of the proper resolution soon. [editline]20th September 2011[/editline] Someone requested it without the grid too. [t]http://puu.sh/5S3U[/t]
[QUOTE=Jessecar96;32383553]Isn't [url=http://summerglaufc.org/]this[/url] also just a combination of reag's site, tdoyle's background, Google's buttons, and tf2b?[/QUOTE] I actually asked tdoyle, and the background is different to his now. Nothing copied from Reag (just the same idea), as the scrolling thing is open source. The buttons were made by a person who released them OPEN-SOURCE and TF2B is available for public download. And, I never actually said I made it from scratch, I'm pulling things together. I did ask cas97 first. [QUOTE=Jelly;32382586]So you're directly hotlinking to [url]http://robot.anthonycalzadilla.com/js/bg-position.js[/url] which provides the background scrolling.[/QUOTE] I was using the bg-position.js for testing, which in fact doesn't do any of the BG scrolling. The scrolling is done by jQuery .animate() Think before you post, Jelly.
If you can't work out how to do most of the effects and CSS by yourself then I doubt you'll be able to "Clone Minecraft in just HTML, CSS, Javascript and PHP". Good luck though!
[QUOTE=Jelly;32389216]If you can't work out how to do most of the effects and CSS by yourself then I doubt you'll be able to "Clone Minecraft in just HTML, CSS, Javascript and PHP". Good luck though![/QUOTE] There's nothing wrong with using CSS and Javascript frameworks, ya know.
[QUOTE=iamacyborg;32389271]There's nothing wrong with using CSS and Javascript frameworks, ya know.[/QUOTE] I know, but there is something wrong with blindly copy and pasting code.
[QUOTE=Jelly;32389216]If you can't work out how to do most of the effects and CSS by yourself then I doubt you'll be able to "Clone Minecraft in just HTML, CSS, Javascript and PHP". Good luck though![/QUOTE] It's more like a concept really. Not a clone, but I can try. I can CSS, but I got permission from cas97 to use his, so instead of wasting time doing it myself, he did it for me (kind of). I can also do the jQuery effects, I just dunno how to optimise it for chrome. If you know how to optimise it for chrome, that'd be great. I just don't get why it can't render perfectly like FF, etc can.
Sorry, you need to Log In to post a reply to this thread.