Enhancements #1

Merged
merged 9 commits into from Nov 30, 2015

Projects

None yet
@JoelBesada
Member

Some clarification for all the new people here:
This editor is what we use for our Code in the Dark competition (http://codeinthedark.com/) and is not something you can really use in your day to day work.

I've started working on a package for atom https://atom.io/packages/activate-power-mode to add the same effect, I recommend you check that out if you want to use it in a more serious editor.


Here are some enhancements I made for the editor. The biggest new thing is that you now get these cool particles when you enter power mode:

citd-particles2

Here's a list of the other changes:

  • The "Current streak" counter is now just called "Combo", and there is a bar below it to indicate how much time is left before it resets.
  • The screen shake intensity now increases for each multiple of 100 you go above the Power Mode threshold.
  • Power Mode now activates when you reach a combo of 200 instead of 250.
@ptz0n
ptz0n commented Nov 27, 2015

Awesome!

@Takadimi

Amazing... :D

@lmayorga1980

Need play with this now

@timaschew

I checked out your branch, but I don't see any particles, just shaking

@JoelBesada
Member

@timaschew Which browser + version are you on?

@aspelund

I want this for sublime!

@enrique-ramirez

Same as @timaschew. I'm on Chrome 46.0.2490.86 (64-bit) (OSX) and I see only shaking.

@aspelund

And also I want a class' style definition to be animated into the class with some kind of particle transformation...

@timaschew

I tried on chrome, firefox and safari, same result on all browsers.
I'm using OS X El Capitan

@varemenos

I could watch this forever (sorry for getting pinged for this pointing comment)

@JoelBesada
Member

@enrique-ramirez @timaschew Alright I'll look into it. Since you're getting the shaking I assume you hit "Power Mode" by getting your combo to 200, which is when the particles should also come into effect.

@timaschew

Yes, shaking starts at 200 points, in power mode.
I tried to continue until 1000, but it was still just shaking.

@eur0pa
eur0pa commented Nov 27, 2015

Does the screen shake go up to "Vlambeer"?

@MichielDeMey

Dude, that's pretty amazing!

@jonnytobin

Love it!!

@JohanSandstroem

Same issue as previous posters - no particle effects are shown.

Running Chrome 46.0.2490.86m on Windows 10.1

@JoelBesada
Member

@JohanSandstroem @enrique-ramirez @timaschew Hmm I can't seem to reproduce this in any browser. Can you try out this version http://joelbox.s3.amazonaws.com/citd/index.html? I want to know if there's something weird with your builds.

@enrique-ramirez

@JoelBesada Ah, it does work with that version. Where could our builds go wrong?

@JoelBesada
Member

@enrique-ramirez No idea :)

This does include the fix from @gernberg that fixes the position of the particles after you've scrolled however, if you've all been scrolled too far down to see the particles. You could try it locally again with the latest commit.

@timaschew

Yeah it works, awesome, thanks!

@tufanbarisyildirim

Awesome 👍 :D

@aldee07
aldee07 commented Nov 28, 2015

Code with feelings

@kuroware

Literally the best thing i've seen

@salebgmilj2

Awesome man 👍👌

@jleppert

Zomg!!!

@liyaodong

Cool !

@saddamcrr7

awesome

@jhoonb
jhoonb commented Nov 28, 2015

hahaahaha, awesome!

@moolex
moolex commented Nov 28, 2015

I have lost my eyes .. D _ D

@looooker

awesome

@liaohuqiu

looks great!

@towry
towry commented Nov 28, 2015

Cool, man!

@alfredcc

scared me!

@rinechran

WOW

@starlightme

Cool !!!

@edifangyi

Pa! Pa! Pa!

@hizoubin

cool!

@JeansReal

+1

@Azeril
Azeril commented Nov 28, 2015

cool!

@jiguang
jiguang commented Nov 28, 2015

cool bi le !!!

@tonygemcd

coooooooool

@youcanshine

That's really cool

@cocotutch

😍 I need this

@reoring
reoring commented Nov 28, 2015

Oh.. That is so cool

@cctanfujun

cool

@thangchung

Awesome. It's really innovative idea.

@ychow
ychow commented Nov 28, 2015

cool!

@solor
solor commented Nov 28, 2015

looks awesome
package for sublime please ~

@AvraamMavridis

I dont know if it's practical, but it's really cool.

@lpig
lpig commented Nov 28, 2015

wow when my friend ask me what i'm doing i can show them this

@NK-Rebooter

awesome

@L1nker4
L1nker4 commented Nov 28, 2015

interesting

@wangbiye

屌炸天

@chodaict

lol

@wchb2015

二逼程序员

@nash-ye
nash-ye commented Nov 28, 2015

Amazing! 😳 😍

@zhangnew

lol

@hlcfan
hlcfan commented Nov 28, 2015

Super!

@CrossLeaf

Cool~

@assem-ch

Now we can code and feel like Rambo with a machine gun

@DropFan
DropFan commented Nov 28, 2015

cooooooooool~

@taeguk
taeguk commented Nov 28, 2015

멋있어요!

@AdamRamdane

Awsome Bro <3

@adrian-ludwig

Wow! Awesome! Want it badly for PHPStorm!

@Mr-LiXianSheng

This is what kind of editor?

@medicalwei

STRONG TYPING!

Want it in Vim :/

@EddieWen-Taiwan

Really cool!!!

@halileohalilei

Well, for those of you who want this on sublime, turns out its API doesn't give us much flexibility on the viewport (at least on Sublime Text 2 API). I had a look at it for a couple of hours but couldn't find a workaround :(

@freetstar

awesome!!!

@rands0n
rands0n commented Nov 28, 2015

awesome!!

@tokikanno

👍 💯

@MennoHorde

Very cool!

@miaoxw
miaoxw commented Nov 28, 2015

Interesting feature

@MarshallChen

I just tried it! That's so f**king amazing! Great work!

@MarshallChen

I thought maybe near in future I can have it in sublime text ?

@lazywei
lazywei commented Nov 28, 2015

Please someone port this to vim 😂

@sickDevelopers

Maybe it would be easier the Atom porting than sublime or vim

@DaikiMaekawa

Cool 🍻

@RickGray

awesome!!!!!

@chrisk8er

Need for VS Code too...

@sekys
sekys commented Nov 28, 2015

awesome :D

@jcgalindo

Oh lord! +1 GG!

@codeurge

Cool 👍

@asivokon

Couple of years ago I made a fork of gnome-terminal to implement animated cursor with animations beings scripted in LUA: https://github.com/asivokon/vte-fx#examples :)

@aysin
aysin commented Nov 28, 2015

Nice 👍 The Code in the dark event was even cooler..

@arthipesa

whoo hoaw!

@Lemons
Lemons commented Nov 28, 2015

Need this for IntelliJ This looks awesome! :)

@Yuan-Yu
Yuan-Yu commented Nov 28, 2015

awesome!

@isqad88
isqad88 commented Nov 28, 2015

nice 👍

@o-mdr
o-mdr commented Nov 28, 2015

This is how I see myself coding. Very cool.

@Bokdem
Bokdem commented Nov 28, 2015

I need this right now!!

@wxfskylove

Try next

@4u4v
4u4v commented Dec 2, 2015

I want this for sublime!

@taotaowong

Cool!!!!!

@aramisliu

@chensk 改0 不可以么?

@ezhishui
ezhishui commented Dec 2, 2015

if not shaking will be better

@ezhishui
ezhishui commented Dec 2, 2015

When type in the color of particles is always grey,any colorfull?

@windust211

I also want this for sublime

@feijilao
feijilao commented Dec 2, 2015

I can't install this plugin.
The error is:
image

@Maia931109

hhhhhhhhhhhhh,QWQ

@Matrixbirds

Cool

@abacaj
abacaj commented Dec 2, 2015

nice!

@sy-tang
sy-tang commented Dec 2, 2015

super cool!

@IsaacYao
IsaacYao commented Dec 2, 2015

@feijilao Turn off your VPN and try again.

@dash50
dash50 commented Dec 2, 2015

Cool baby!

@lightmen
lightmen commented Dec 2, 2015

Anybody know how to config the atom to toggle the activate-power-mode auto?

it's very cool, but the trobule is everytime when I start up the atom, I have to press
Ctrl+Alt+O to toggle the activate-power-mode.

@4u4v
4u4v commented Dec 2, 2015

欢迎各位朋友访问我的技术博客=> http://www.4u4v.net
一个学习总结与工作经验分享技术知识型博客。
关注PHP电子商务网站开发建设推广运营及周边IT科技领域。

@PaulLiang1

awesome man

@spikobg
spikobg commented Dec 2, 2015

looks awesome but running it full screen on my 4K displays makes my 2014 i7 MBPro run 99'C 🍡

@hongliang5623

so cool 👍

@IdiosyncraticDragon

Cool! I like this style!

@xuepengren

怎么用啊

@Oliveck10

It seems that when you switch the tab and then come back to the original tab, the cool effect will be incomplete that there are no more particles.

@synvaier
synvaier commented Dec 3, 2015

amazing,I like it.

@sjwjames
sjwjames commented Dec 3, 2015

cool,mate

@JiangpingLu

some extend effects will be more cool:
Copy like running water
Paste like telesport
Automatic generation like smoking
Delete like black hole

@xianxingg

@JiangpingLu sounds exciting !

@JiangpingLu

@xianxingg yep, I'm just image some cool operate show while we are coding...

@louy2
louy2 commented Dec 3, 2015

Actually this is the thing that first reminded me that Atom is probably the most customizable editor ever. Others are good for customizing coding related stuff. Atom is a full UI renderer. Emacs was touted to be the one, in the age of terminals. Now Atom shall be the one, in the age of GUI.

@louy2
louy2 commented Dec 3, 2015

@xuepengren 安装 activate-power-mode 包。

@louy2
louy2 commented Dec 3, 2015

@feijilao 你需要翻墙。

@JiangpingLu

@louy2 最烦的就是翻墙了!这世界上也就朝鲜跟中国要翻墙了。。。这垃圾政府

@4u4v
4u4v commented Dec 3, 2015

要学会科学上网 :-)

@romantic011

amazing!

@linsunny
linsunny commented Dec 3, 2015

so cooooooooooooooooooooooool~

@stonefishy

That's really amazing!

@13750497901

gyp info it worked if it ends with ok
gyp info using node-gyp@2.0.2
gyp info using node@0.10.40 | win32 | ia32
gyp http GET https://atom.io/download/atom-shell/v0.34.0/node-v0.34.0.tar.gz
gyp http 200 https://atom.io/download/atom-shell/v0.34.0/node-v0.34.0.tar.gz
gyp http GET https://atom.io/download/atom-shell/v0.34.0/SHASUMS256.txt
gyp http GET https://atom.io/download/atom-shell/v0.34.0/node.lib
gyp http GET https://atom.io/download/atom-shell/v0.34.0/x64/node.lib
gyp WARN install got an error, rolling back install
gyp

@dash50
dash50 commented Dec 4, 2015

@13750497901,
try installing the package with cmd line, make sure “apm.cmd” has been included in the path:
 apm install activate-power-mode

apm.cmd resides under path like:
C:\Users\aaron.wu\AppData\Local\atom\app-1.2.4\resources\app\apm\bin

@louy2
louy2 commented Dec 4, 2015

@13750497901 ☝️ You probably need to get a better connection as well.

@qiansen1386

Nice work!! Also constantly harms our vision. 😂

@4u4v 你可以不在人家的 issue 里打广告么!!!!

@gereltod-g

Make one for Jetbrains products please (IntellijIdea, Pycharm, Webstorm, PHPStorm etc)

@ArkadyKarev

Intellij Idea version, please! Just awesome!!!

@YunWang
YunWang commented Dec 4, 2015

I am waiting for a stable version for Atom.

@khiconit
khiconit commented Dec 4, 2015

I hope it have in sublime text

@maxzhuo
maxzhuo commented Dec 4, 2015

虽然有了粒子和震动效果,但是没有图片中class="container"和class="stuff"的呼吸灯闪烁效果。

@maxzhuo
maxzhuo commented Dec 4, 2015

Although there are particles and vibration effect, but no picture of the class= "container" and class= "stuff" breathing lights flashing effect.

@chanity
chanity commented Dec 4, 2015

This one is pretty good. Im using it already. But I can't really use it in the new tab. Do you have any idea on how to work this in the new tab?

@jleppert
jleppert commented Dec 4, 2015

giphy 1

@navenedrob

Atom is now my full time editor along with this mod.

@PeTRoLi
PeTRoLi commented Dec 4, 2015

Cool :)

@sethinh
sethinh commented Dec 5, 2015

I consider how can we stop shake screen.

@AlexOAnder

So cool!

@berestovskiy

sublime +1

@chrisfranko

O_O mother of god

@ShaneJim
ShaneJim commented Dec 7, 2015

cool

@ayukacha
ayukacha commented Dec 7, 2015

Cool

@willin
willin commented Dec 7, 2015

webstorm

@matveytn
matveytn commented Dec 8, 2015

I wonder if it's possible to implement in Brackets?

@jingxinxin

Awesome! It does work! you can change the variable of intensity to zero in 52 line if somebody need stop the shake.
the file position is 'packages\activate-power-mode\lib\activate-power-mode.coffee'

@sethinh
sethinh commented Dec 10, 2015

Hi jingxinxin .I try change the variabale in line 52 to zero,but it stop water effect only,

@jingxinxin

@sethinh Hi ,The author had provided settings to change that effect and now you just update this plugin.

@sethinh
sethinh commented Dec 11, 2015

Thank guy.i checked update .it work,

On Thu, Dec 10, 2015 at 11:56 PM, Jacks notifications@github.com wrote:

@sethinh https://github.com/sethinh Hi ,The author had provided
settings to change that effect and now you just update this plugin.


Reply to this email directly or view it on GitHub
#1 (comment).

Nguyễn Quốc Thịnh
https://www.facebook.com/Thinhuit
https://twitter.com/sethinh

@Hellowor1d

I thought maybe near in future I can have it in sublime text ?

@HeadClot

10/10 Let it in!

@lihuilai

Cool!I want this for MonoDevelop!

@sidthekidder

@halileohalilei can you struggle with the Sublime Text APIs some more please :) I would like to help if possible.

@r-lyeh
r-lyeh commented Dec 17, 2015

ha! :) 👍

@CJSoldier

container and stuff does not breathe. How did you do that?

@penny19
penny19 commented Dec 24, 2015

I wanna sublime version

@VsenYang

Omg,it's so cool~

@DTherHtun

cool O.o

@bermanboris

Power coding 💪

@atularvind

Super Awesome!!

@landsman
landsman commented Mar 6, 2016

Love it! Now for Sublime Text 3 please! 👍

@Cullen0522

I like it! bobobo

@gehero
gehero commented Mar 30, 2016

so cool

@luantu
luantu commented Apr 10, 2016

where Amazing happens

@worldzxm2000

it is cooooooooooooooooooooooool

@he745764370

so cool

@liuzechen

高,真是高

@glshome
glshome commented Apr 22, 2016

It's Great!

@HailorS
HailorS commented Apr 22, 2016

so cool !

@415DomSmith

changed my life.

@Andy0774

Cool Very Much !!!!
Where Can Find Eclipse Version ?

@net20121222
net20121222 commented Apr 29, 2016 edited

cool .i need it sublime

@skaisser

Sorry sublime, This is just another reason to move to Atom and another reason for you to work on your API! o/

Youre loosing youre mojo! lol

@Andy0774

I just feel very funny.
Thank you for this idea !
It makes coding work more amusing.

@PabloEzequiel

Just amazing!

@My-captain

How install it????

@My-captain

Who can help me ???

@jingxinxin

@My-captain First,you need Atom.then,just install the plugin.you will not miss it

@My-captain

@jingxinxin Wow,thank you.But I don't know which is the plugin.All I see are code,code and code.......sorry,I'm freshman

@NFiorentini

... is not something you can really use in your day to day work.

Wanna bet? :)

@banbishan

wow!!! I want this for eclipse...

@CXWZJUT
CXWZJUT commented Aug 24, 2016

Amazing

@zhaoxuan
zhaoxuan commented Sep 7, 2016

Cool

@iherewy
iherewy commented Dec 2, 2016

I want this for websotrm!

@odingit
odingit commented Dec 27, 2016

室长,You are very good at front-end Web developer by this compiler。

@he745764370

室长,You are very good at front-end Web developer by this compiler。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment