Proto alanı istilacıları

Bu, görevin dil başına en kısa kodu vermek olduğu bir grafik çıktı zorluğudur.

Görev

Kodunuz, kullanıcının aşağıdaki yabancıyı ekran / pencere etrafında taşımasına izin vermelidir.

Kodunuz yerel bir dosyadan yükleyebilir. Başka bir standart görüntü biçimine dönüştürmek veya hatta yorumlarda gösterilen görüntüdeki küçük piksel hatalarını düzeltmek için çekinmeyin.

Arka plan beyaz olmalı ve pencere / ekran en az 400 piksel x 400 piksel olmalıdır. Diliniz bu kadar büyük pencereleri / ekranları desteklemiyorsa, 200'den 200'e kadar olmadığı sürece destekliyor.

Uzaylıyı ekranın etrafında hareket ettirmek için kod, standart bir klavyedeki ok tuşlarını kullanarak yukarı / aşağı / sola / sağa desteklemelidir.

Kodunuz tam bir program olmalıdır .

Kısıtlamalar / sınırlamalar

Uzaylı sınırlarda durmalı. Ayrıca, görünür bir titreme veya kekemelik olmadan düzgün bir oranda düzgün bir şekilde hareket etmeli ve en az 24 fps'de gösterilmelidir. Ekranın / pencerenin bir tarafından diğer tarafına geçilmesi 2 ila 5 saniye sürmelidir.

Diller ve kütüphaneler

İstediğiniz herhangi bir dili veya kütüphaneyi kullanabilirsiniz (bu zorluk için tasarlanmamıştır). Ancak, çok takdir edilecektir Ubuntu çalıştırmak için nasıl net talimatlar sağlayabilir eğer mümkünse kodunuzu test etmek istiyorum.

Katalog

Bu yazının altındaki Yığın Parçacığı, a) her dil için en kısa çözüm listesi ve b) genel bir lider panosu olarak cevaplardan katalog oluşturur.

Yanıtınızın göründüğünden emin olmak için lütfen aşağıdaki Markdown şablonunu kullanarak yanıtınızı bir başlıkla başlatın:

## Language Name, N bytes

Ngönderiminizin büyüklüğü nerede . Puanınızı artırmak varsa, olabilir onları içinden vurarak, başlığa eski hesapları tutmak. Örneğin:

## Ruby, <s>104</s> <s>101</s> 96 bytes

Başlığınıza birden fazla sayı eklemek istiyorsanız (örneğin, puanınız iki dosyanın toplamı olduğu veya yorumlayıcı bayrak cezalarını ayrı olarak listelemek istediğiniz için), gerçek puanın başlıktaki son sayı olduğundan emin olun :

## Perl, 43 + 2 (-p flag) = 45 bytes

Dil adını snippet'te görünecek bir bağlantı da yapabilirsiniz:

## [><>](http://esolangs.org/wiki/Fish), 121 bytes

<style>body { text-align: left !important} #answer-list { padding: 10px; width: 290px; float: left; } #language-list { padding: 10px; width: 290px; float: left; } table thead { font-weight: bold; } table td { padding: 5px; }</style><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="//cdn.sstatic.net/codegolf/all.css?v=83c949450c8b"> <div id="language-list"> <h2>Shortest Solution by Language</h2> <table class="language-list"> <thead> <tr><td>Language</td><td>User</td><td>Score</td></tr> </thead> <tbody id="languages"> </tbody> </table> </div> <div id="answer-list"> <h2>Leaderboard</h2> <table class="answer-list"> <thead> <tr><td></td><td>Author</td><td>Language</td><td>Size</td></tr> </thead> <tbody id="answers"> </tbody> </table> </div> <table style="display: none"> <tbody id="answer-template"> <tr><td>{{PLACE}}</td><td>{{NAME}}</td><td>{{LANGUAGE}}</td><td>{{SIZE}}</td><td><a href="{{LINK}}">Link</a></td></tr> </tbody> </table> <table style="display: none"> <tbody id="language-template"> <tr><td>{{LANGUAGE}}</td><td>{{NAME}}</td><td>{{SIZE}}</td><td><a href="{{LINK}}">Link</a></td></tr> </tbody> </table><script>var QUESTION_ID = 62426; var ANSWER_FILTER = "!t)IWYnsLAZle2tQ3KqrVveCRJfxcRLe"; var COMMENT_FILTER = "!)Q2B_A2kjfAiU78X(md6BoYk"; var OVERRIDE_USER = 9206; var answers = [], answers_hash, answer_ids, answer_page = 1, more_answers = true, comment_page; function answersUrl(index) { return "https://api.stackexchange.com/2.2/questions/" + QUESTION_ID + "/answers?page=" + index + "&pagesize=100&order=desc&sort=creation&site=codegolf&filter=" + ANSWER_FILTER; } function commentUrl(index, answers) { return "https://api.stackexchange.com/2.2/answers/" + answers.join(';') + "/comments?page=" + index + "&pagesize=100&order=desc&sort=creation&site=codegolf&filter=" + COMMENT_FILTER; } function getAnswers() { jQuery.ajax({ url: answersUrl(answer_page++), method: "get", dataType: "jsonp", crossDomain: true, success: function (data) { answers.push.apply(answers, data.items); answers_hash = []; answer_ids = []; data.items.forEach(function(a) { a.comments = []; var id = +a.share_link.match(/\d+/); answer_ids.push(id); answers_hash[id] = a; }); if (!data.has_more) more_answers = false; comment_page = 1; getComments(); } }); } function getComments() { jQuery.ajax({ url: commentUrl(comment_page++, answer_ids), method: "get", dataType: "jsonp", crossDomain: true, success: function (data) { data.items.forEach(function(c) { if (c.owner.user_id === OVERRIDE_USER) answers_hash[c.post_id].comments.push(c); }); if (data.has_more) getComments(); else if (more_answers) getAnswers(); else process(); } }); } getAnswers(); var SCORE_REG = /<h\d>\s*([^\n,<]*(?:<(?:[^\n>]*>[^\n<]*<\/[^\n>]*>)[^\n,<]*)*),.*?(\d+)(?=[^\n\d<>]*(?:<(?:s>[^\n<>]*<\/s>|[^\n<>]+>)[^\n\d<>]*)*<\/h\d>)/; var OVERRIDE_REG = /^Override\s*header:\s*/i; function getAuthorName(a) { return a.owner.display_name; } function process() { var valid = []; answers.forEach(function(a) { var body = a.body; a.comments.forEach(function(c) { if(OVERRIDE_REG.test(c.body)) body = '<h1>' + c.body.replace(OVERRIDE_REG, '') + '</h1>'; }); var match = body.match(SCORE_REG); if (match) valid.push({ user: getAuthorName(a), size: +match[2], language: match[1], link: a.share_link, }); else console.log(body); }); valid.sort(function (a, b) { var aB = a.size, bB = b.size; return aB - bB }); var languages = {}; var place = 1; var lastSize = null; var lastPlace = 1; valid.forEach(function (a) { if (a.size != lastSize) lastPlace = place; lastSize = a.size; ++place; var answer = jQuery("#answer-template").html(); answer = answer.replace("{{PLACE}}", lastPlace + ".") .replace("{{NAME}}", a.user) .replace("{{LANGUAGE}}", a.language) .replace("{{SIZE}}", a.size) .replace("{{LINK}}", a.link); answer = jQuery(answer); jQuery("#answers").append(answer); var lang = a.language; lang = jQuery('<a>'+lang+'</a>').text(); languages[lang] = languages[lang] || {lang: a.language, lang_raw: lang, user: a.user, size: a.size, link: a.link}; }); var langs = []; for (var lang in languages) if (languages.hasOwnProperty(lang)) langs.push(languages[lang]); langs.sort(function (a, b) { if (a.lang_raw > b.lang_raw) return 1; if (a.lang_raw < b.lang_raw) return -1; return 0; }); for (var i = 0; i < langs.length; ++i) { var language = jQuery("#language-template").html(); var lang = langs[i]; language = language.replace("{{LANGUAGE}}", lang.lang) .replace("{{NAME}}", lang.user) .replace("{{SIZE}}", lang.size) .replace("{{LINK}}", lang.link); language = jQuery(language); jQuery("#languages").append(language); } }</script>

Çizilmeye , 221 217 bayt

Eylem halinde görmek için resme tıklayın. Hareket tuş vuruşlarıyla belirlenir , bu nedenle tuş tekrarı daha hızlı ayarlanır.

Görüntü projeye dahil edilir, ancak Scratch baytları genellikle bu meta yazı başına golfçü metin temsilinden sayılır . Bunun kabul edilebilir olup olmadığı (veya hareketin yeterince pürüzsüz olup olmadığı) konusunda anlaşmazlıklar varsa bana bildirin ve bunun üzerinde çalışmaya çalışacağım.

2 işlenmesi 219 199 241 220 219 bayt

int a,x=0,y=0;void setup(){size(500,500);}void draw(){background(-1);image(loadImage(".png"),x,y);if(keyPressed){a=keyCode;if(a==38)y--;if(a==37)x--;if(a==40)y++;if(a==39)x++;}x=constrain(x,0,436);y=constrain(y,0,454);}

.png.Pde ile aynı dizine kaydedilmiş resmi gerektirir

Piton 2, 262 253 246 240 bayt

from pygame import*
init()
key.set_repeat(1)
p=[0,0]
d=display
c=d.set_mode((400,)*2)
while c.fill((255,)*3):
 e=event.get(2);c.blit(image.load("I"),p);d.flip()
 if e:x=e[0].key+1;q=x&2;b=q/2;p[b]=max(0,min(336+b*16,p[b]+(1-q)*(1-(2*x&2))))

Vay. Ne kadar çok hackery.

Http://pygame.org adresinde bulunan 'pygame' modülünü kullanır .

açıklama

key.set_repeat(1) - Her milisaniyede bir olay sistemi üzerinden tekrarlanan önemli olayları gönderin

c=d.set_mode((400,)*2) - 400x400 ekran yüzeyini oluşturun

while c.fill((255,)*3):- Etkili while 1:ama ekranı da temizler

e=event.get(2);c.blit(image.load("I"),p);d.flip()- Sadece klavye olaylarını toplayın, adlandırılan bir png dosyasında depolanan görüntüyü yükleyin Ive çizin. Ekranı güncelleyin

if e:x=e[0].key+1;q=x&2;b=q/2;p[b]=max(0,min(336+b*16,p[b]+(1-q)*(1-(2*x&2)))) - Bir olay varsa, hangi ok tuşuna basıldığını bulun (diğer tuşlara basarsanız tuhaf şeyler yapar) ve sonra hangi tuşa bastığınıza bağlı olarak yüzeyin konumunu değiştirin.

Haskell, 410 bayt

import Graphics.Gloss
import Graphics.Gloss.Interface.Pure.Game
main=do b<-loadBMP"b";play(InWindow""(400,400)(0,0))white 200((0,0),id)(b#)e(%)
e(EventKey(SpecialKey k)Down _ _)(c,_)|k==KeyUp=(c,fmap(+1))|k==KeyDown=(c,fmap(+(-1)))|k==KeyLeft=(c,((+(-1))?))|k==KeyRight=(c,((+1)?))
e(EventKey _ Up _ _)(c,_)=(c,id)
e _ w=w
_%(c,f)=(s?(s<$>f c),f)
s=min 200.max(-200)
b#((x,y),_)=Translate x y b
f?(a,b)=(f a,b)

Uzaylının resim adlı bir dosyada bekleniyor biçinde .bmpformatında.

Gloss kütüphanesinde yeniyim, bu yüzden belki de bu uygun değil. Takip KeyUp/ KeyDownetkinlikler yerine bir tuşa basıp basılmadığını kontrol edebileceğimi bilen var mı ?

Nasıl çalışır: Son dört parametresi playdünya durumudur (ile başlatılır ((0,0),id), bir durumdan resim çizme işlevi ( #), olay işleyici ( e) ve zaman içinde durumu değiştiren bir işlevdir %).

Durum, bir çift xy koordinatı ve her %çağrıldığında bunların nasıl değiştirileceği işlevidir .

#bitmap'i ( b) geçerli koordinatlara taşır ve çizer.

eKeyDownimleç tuşlarının olaylarını arar ve durumdaki uygun işlevleri veya KeyUpdurumdaki işlevi kimlik işlevine sıfırlamak için herhangi bir tuş için ayarlar .

% işlevi durumdan geçerli koordinatlara uygular ve sınırları denetler.

Karaağaç, 240 bayt

import Graphics.Element as G
import Keyboard as K
import Time
import Signal exposing(..)
c=min 800>>max 64
i(x,y)=G.container x y G.middle(G.image 64 48"http://i.stack.imgur.com/CUweU.png")
main=i<~foldp(\{x,y}(v,w)->(c v+x,c w-y))(99,99)(sampleOn(Time.fps 200)K.arrows)

Burada deneyin . Bayt sayısı, URL ile değiştirildikten sonradır .png.

AutoIt , 269267 bayt

#include<Misc.au3>
GUICreate(0,-1,-1,-1,-1,-1,34078728)
$0=GUICtrlCreatePic("b.bmp",0,0,64,48)
GUISetState()
Dim $1,$2
$3=_IsPressed
Do
$1+=$3("27")-$3("25")
$2+=$3("28")-$3("26")
$1=($1>336)?336:($1<0)?0:$1
$2=($2>352)?352:($2<0)?0:$2
GUICtrlSetPos($0,$1,$2)
Until 0

Resmin komut dosyası dizinine b.bmp olarak kaydedilmesini gerektirir. Bir resmi gerçek saydamlıkla kullanmak istiyorsanız, PNG'den 32 bit Bitmap'e (OT: gerçekten eşi görülmemiş bir format) dönüştürmeniz gerekir.

açıklama

Biz ithalat gerek Misc.au3erişmek için _IsPressed. Bir anahtar kodunu kabul eden ve geri dönen Trueveya Falsetuşuna basıldığında işlev .

Meydan okumasının özelliği, 400 piksellik kare bir pencere yaratmamız gerektiğinde oldukça havalı. Varsayılan ( -1veya olarak belirtilir Default) boyut parametreleri 400x400'dür. Genişletilmiş pencere stili olarak ayarlanır 34078728. Bu, pencereyi çift arabelleğe alınmaya ve aşağıdan yukarıya doğru çekmeye zorlar. Zorluk gereksinimine göre titreşimi ortadan kaldırmak için bu gereklidir. Windows 10'da, bu olağandışı (ve biraz belgelenmemiş) stil kombinasyonu, pencere başlık çubuğunu kırar (tüm gezinme efektleri devre dışı bırakılır).

$1ve $2ilan edilir ve x yapacak ve y kontrol tarafından yüklenen resmin ofset $0. kodu önemli ölçüde kısaltmak için $3işleve bir işaretçi olur _IsPressed.

Programdan çıkılması gerekmediğinden, bu komut dosyası sonsuz bir döngüde ( Until 0) çalışır .

$1+=$3("27")-$3("25")_IsPressedx döndürdüğünden eklenebilen veya alt kümeye eklenebilen bir tamsayıya döndürülen boole değerini dinamik olarak dönüştürerek AutoIt içindeki değişken veri türünü kötüye kullanır. Aynı şey y için. $1=($1>336)?336:($1<0)?0:$1C-benzeri dillerden bilinen üçlü operatörü, sınırlarda yabancıyı durdurmak için bir sınır kontrolü gerçekleştirmek için kullanır.

GuiCtrlSetPos resim kontrolünü yeni koordinatlara taşır.

İşte şeffaf bir uzaylı ile bir ekran görüntüsü (çapraz olarak bile hareket edebilirsiniz):

Lua + LÖVE, 291 karakter

x=0
y=0
l=love
g=l.graphics
l.window.setMode(400,400)
i=g.newImage("i")
function l.update()d=l.keyboard.isDown
if d("left")and x>0 then x=x-1 end
if d("right")and x<336 then x=x+1 end
if d("up")and y>0 then y=y-1 end
if d("down")and y<352 then y=y+1 end
end
function l.draw()g.draw(i,x,y)end

Yeniden boyutlandırılamayan 400 x 400 pencere kullanır. love.keyboard.setKeyRepeat()Anahtar okumayı hızlandırmak için ayarlama yapamadım, bu yüzden her bir anahtarın durumunu sorgulayarak önerilen yolu yaptım.

Lua ile ilişkim foren iyi olmadığından, bu sefer her bir anahtarın durumunun döküm kodlamasından daha kısa döngü yapmayı başaramadı.

SpecBAS - 285 255 bayt

1 GRAPHIC NEW v LOAD "inv8.bmp" TRANSPARENT 15
2 PALETTE COPY v,0,1 TO 5: GRAPHIC REMAP v
3 LET x,y=100
4 CLS : WINDOW PUT GRAPHIC v,0,x,y
5 LET x=x+KEYST(39)-KEYST(37),y=y+KEYST(40)-KEYST(38)
6 LET x=CLAMP(x,1 TO 400),y=CLAMP(y,1 TO 400)
7 WAIT SCREEN 
8 GO TO 4

Görüntüyü yükler - renk 15 parlak beyazdır, böylece saydam olur.

Orijinal görüntüyü ve varsayılan SpecBAS paletini kullanmak biraz garipleşti, böylece satır 2 bunları giriş görüntüsüyle eşleşecek şekilde değiştirir. Aşağıdaki resim 2. satır ve sonrası olmadan nasıl göründüğünü göstermektedir.

CLAMP komutu grafiği her iki yönde 1 ile 400 arasında sınırlandırır, birkaç IF ... THEN deyimine kaydeder.

9. satır sadece şeylerin yakalanmasını bekler ve titremeyi önler.

Hangi tuşa basıldığı bir boole kontrolüne bağlı olarak her seferinde bir piksel hareket eder, bu nedenle yan yana gitmek 5 saniyeden biraz daha uzun sürer.

Ayakkabı, Yakut 252 243 karakterden

Shoes.app{background white
i=image'i'
m=[0,0]
a=[:width,:height]
animate(99){i.left+=m[0]<=>i.left
i.top+=m[1]<=>i.top}
keypress{|k|d,v={?u=>[1,-1],?d=>[1,1],?l=>[0,-1],?r=>[0,1]}[k[0]];m[d]=[[m[d]+v*4,self.send(p=a[d])-i.send(p)].min,0].max}}

Bu, varsayılan 600 x 500 boyutunda başlayan yeniden boyutlandırılabilir bir pencere kullanır. Pencereyi, işgalci dışarıda kalacak şekilde yeniden boyutlandırırsanız, bir sonraki hareket tuşuna basıldığında geri gelir.

Gereksinimleri karşılama hilesi, işgalcinin konumunun 4'lü artışlarla değiştirilmesidir, ancak gerçek hareket saniyede 99 karede 1'lik artışla yapılır.

Tcl / Tk , 242 bayt

grid [canvas .c -w 400 -he 403 -bg #FFF -highlightt 0]
.c cr i 30 24 -i [image c photo -fi .png] -t p
lmap {k b x y} "Up 1]>25 0 -5 Right 0]<368 5 0 Down 1]<376 0 5 Left 0]>30 -5 0" {bind . <$k> "if \[lindex \[.c coo p] $b {.c move p $x $y}"}

JavaScript (paper.js kullanarak), 215 bayt

v=new Raster("http://i.stack.imgur.com/CUweU.png",99,99);p=new Size(4,0)
onFrame=e=>{if(!v.isInside(view.bounds)){p=-p};v.position+=p}
onKeyDown=e=>{p=new Size([[0,-4],[0,4],[-4,0],[4,0]]["udlr".indexOf(e.key[0])])}

paper.js bir JS grafik çerçevesidir, yani görüntü işleme ile ilgili birçok yararlı özelliğe sahiptir. Vadede için, sadece sol bölümünde yukarıdaki kopyalamak burada , o zaman, da odaklanmak üzere sağ bölümünde bir kez tıklayın, etrafında yabancı taşımak için. Tarayıcınız işleyebilirse, 60 fps'de çalışmalıdır.