24

স্টার ওয়ার্স দিবসের সম্মানে, নীচের পাঠ্যটি প্রদর্শন করতে একটি প্রোগ্রাম লিখুন, স্টার ওয়ার্সের খোলার ক্রলের মতো স্ক্রোল করুন :

It  is  a  period  of  civil war.  Rebel
spaceships,   striking  from   a  hidden
base,  have   won  their  first  victory
against the evil Galactic Empire.

During  the battle,  Rebel spies managed
to  steal  secret  plans to the Empire's
ultimate   weapon,  the  Death Star,  an
armored   space  station   with   enough
power to destroy an entire planet.

Pursued by the Empire's sinister agents,
Princess  Leia  races  home  aboard  her
starship,  custodian of the stolen plans
that  can save  her people  and  restore
freedom to the galaxy...

আপনি একটি অ্যানিমেটেড জিআইএফ আউটপুট করতে পারেন বা আপনার প্রোগ্রামটি প্রদর্শন করতে পারেন। আউটপুট অবশ্যই নিম্নলিখিতটি দেখায়:

পাঠ্যটি অবশ্যই চিত্র / প্রদর্শনের নীচ থেকে শুরু করা উচিত
এটি শীর্ষে না পৌঁছানো অবধি উপরের দিকে স্ক্রোল করতে হবে। 30এক টুকরো টুকরো শীর্ষে পৌঁছতে অবশ্যই কমপক্ষে সেকেন্ড সময় নিতে হবে । সমস্ত পাঠ্য শীর্ষে না আসা পর্যন্ত অ্যানিমেশনটি অবশ্যই অবিরত রাখতে হবে।
এই দূরত্বে, পাঠ্যটি 1/3আকার (দৈর্ঘ্য এবং ফন্ট) এর চেয়ে কম হওয়া অবধি ছোট হওয়া উচিত
এই কোণটি অনুসরণ করতে অবশ্যই পাঠ্যকে তিরস্কার করা উচিত।
পাঠ্যটি অবশ্যই বাম এবং ডান সমর্থন করতে হবে। প্রদত্ত পাঠ্যটি ইতিমধ্যে মনসপাসড ফন্টগুলির জন্য ন্যায্য, তবে আপনি অতিরিক্ত স্থানগুলি সরিয়ে ফেলতে পারেন (নিউলাইন নয়) এবং নিজেই এটি ন্যায়সঙ্গত করতে পারেন।
পাঠ্যটি অবশ্যই হলুদ হতে হবে
পটভূমি অবশ্যই কালো হতে হবে

এই ভিডিওটি খোলার ক্রল দেখায়।

শুভকামনা, এবং চতুর্থ আপনার সাথে থাকুক !

— জাস্টিন
সূত্র

5

"আগামী আপনার সাথে থাকতে পারে" সম্পর্কে কী?

— TheDoctor

@ দ্য ডক্টর এটিই ছিল তবে আমি টাইপও ঠিক করেছিলাম। আপনি গুরুত্ব সহকারে ভাবেন যে আমার ডাবল শুষার জন্য যেতে হবে?

— জাস্টিন

3

— চতুর্থটি

4

@ দ্য ডক্টর "ফোর্থে করা এই কঠিন কাজ হবে" - আপনার পক্ষে এটিই ছিল।

— মাইক TheLiar

এই প্রশ্ন সম্পর্কে একটি মজার বিষয়: পোস্ট করার আগে সিস্টেম আমাকে সতর্ক করেছিল যে এটি "খুব সাবজেক্টিভ" হিসাবে বন্ধ হয়ে যেতে পারে।

— জাস্টিন

8

এইচটিএমএল, 762

<div><pre>It  is  a  period  of  civil war.  Rebel
spaceships,   striking  from   a  hidden
base,  have   won  their  first  victory
against   the   evil   Galactic  Empire.

During  the battle,  Rebel spies managed
to  steal  secret  plans to the Empire's
ultimate   weapon,  the  Death Star,  an
armored   space  station   with   enough
power   to  destroy  an  entire  planet.

Pursued by the Empire's sinister agents,
Princess  Leia  races  home  aboard  her
starship,  custodian of the stolen plans
that  can save  her people  and  restore
freedom to the galaxy...</pre></div><style>pre{transform:perspective(300px)rotateX(25deg);position:absolute;left:99px;color:yellow;animation:a 30s linear}@keyframes a{100%{font-size:0px}}body{background:black}</style>

প্রকারের চপ্পি (পড়ুন: চরম ছিপি: পি)।

এখানে একটি জেএসফিডেল ( -webkit-বিক্রেতার উপসর্গগুলি যুক্ত করা হয়েছে যাতে এটি ক্রোমে কাজ করে)।

— ডোরকনব
সূত্র

আমি কেবল বুঝতে পারি যে আমার ন্যায়সঙ্গততায় আমি অত্যধিক alousর্ষান্বিত ছিলাম। প্রথম দুটি অনুচ্ছেদে শেষ লাইনে অতিরিক্ত স্থানের প্রয়োজন নেই।

— জাস্টিন 1

1

এছাড়াও, আমি এই সম্পর্কে জানি না; ক্রলটি কেবল উপরে নয়, বাম দিকে স্লাইড হয়। আমি তা গ্রহণ করি না চপ্পানি: ঠিক আছে, তবে স্লাইডিং কেবল উপরে নয়: ঠিক নেই।

— জাস্টিন

3

আপনার কাছে এতটা হালকা? এটা আমার কাছে খুব স্পষ্ট। সম্ভবত ক্রোমে এটি বেশি দৃশ্যমান। আমার জন্য, বাম দিকের প্রান্তটি খুব ছোট পাঠ্য সহ একই বাম-নেসে থাকে, সুতরাং ডানদিকের বামদিকে খুব লক্ষণীয়ভাবে চলে। সেক্ষেত্রে আমি ঠিক আছি আমি অবাক হয়ে দেখেছি এটি দেখতে আসলে কী দেখাচ্ছে ....

— জাস্টিন

1

এটি কি ফায়ার ফক্সে কাজ করার কথা?

— পিয়ের আরলাড 13

1

ফায়ার ফক্সে কাজ করার কোনও সুযোগ আপনি কী পেতে পারেন?

— ছদ্মবেশী

37

এইচটিএমএল / সিএসএস, 1047

আমি -webkitউপসর্গ ইত্যাদি মুছে ফেলে আরও অনেক গল্ফ করতে পারি, তবে এটি আপাতত তা করবে:

<html><head><style>body{font-family:sans-serif;background:#000;margin:0
auto;height:400px;width:800px;text-align:justify;position:relative;perspective:
150px;-webkit-perspective:150px;}div{font-size:63px;line-height:63px;color:#ee6;
position:absolute;-webkit-transform:rotateX(70deg);transform:rotateX(70deg);}p{
position:relative;-webkit-animation:s 90s linear forwards;animation:s 90s linear
forwards;}@-webkit-keyframes s{from{top:800px;}to{top:-2000px;}}@keyframes
s{from{top:800px;}to{top:-2000px;}}</style><body><div><p>It is a period of civil
war. Rebel spaceships, striking from a hidden base, have won their first victory
against the evil Galactic Empire.</p><p>During the battle, Rebel spies managed to
steal secret plans to the Empire's ultimate weapon, the DEATH STAR, an armored
space station with enough power to destroy an entire planet.</p><p>Pursued by
the Empire's sinister agents, Princess Leia races home aboard her starship,
custodian of the stolen plans that can save her people and restore freedom to
the galaxy...</p></div>

সরাসরি নমুনা

— চটজলদি ossifrage
সূত্র

1

এটি কি এই নিয়মটি ভঙ্গ করে না "তবে আপনি অতিরিক্ত স্থান (নতুন লাইন নয়) সরিয়ে ফেলতে পারেন " @ কুইকঙ্কস?

— ডুরকনব

2

@ পলড্রাপার আমার জন্য কাজ করে (ক্রোমে)

— মার্টিন এন্ডার

1

@ এম.বয়েটনার, অদ্ভুত উবুন্টু 12.04 এ ক্রোম 34 । সম্ভবত এই কারণে আমি একটি ক্রোম বাগ ফাইল করব ...

— পল ড্রপার

6

ধরছেন না কেন ওই, কিন্তু এটা কাজ করে না ফায়ারফক্স 29.0 উপর উবুন্টু 13.10 । @ পলড্রাপারের সমস্যার সাথে সম্পর্কিত নয় (পর্দার মাঝখানে মাঝে মাঝে কিছুটা চমকপ্রদ এবং পাতলা হলুদ স্ট্রাইক সহ আমি কেবল একটি সম্পূর্ণ কালো পর্দা দেখছি)

— আইকিউআন্ড্রিয়াস

1

-1 এটি কোনও বৈধ এইচটিএমএল ফাইল নয়। আপনি যদি উদ্দেশ্যমূলকভাবে এটি কেবলমাত্র একটি নির্দিষ্ট ব্রাউজার সংস্করণ দিয়ে কাজ করতে চান তবে আপনার ভাষা স্পেসিফিকেশনে ব্রাউজারের নাম এবং সংস্করণটি অন্তর্ভুক্ত করা উচিত।

— বাকুরিউ

20

এইচটিএমএল + সিএসএস + এসভিজি 1614 1625

আমিও দৃশ্যত সঠিক হতে চেয়েছিলাম। এসভিজি মাস্কিং এবং অ্যানিমেশনের জন্য ব্যবহৃত। HTML + CSS রূপান্তরগুলির জন্য ব্যবহৃত। আমি পাঠ্যটি ঠিক 1/3 আকারে পেয়েছি কিনা তা পরীক্ষা করে দেখিনি।

-webkit-উপসর্গের কারণে ক্রোমে দেখার প্রস্তাব দেওয়া হয়েছে । কাজের জন্য সিএসএস 3 ডি রূপান্তর প্রয়োজন; আপনার chrome://flags'ওভাররাইড সফ্টওয়্যার রেন্ডারিং তালিকা' খোলার এবং চয়ন করতে পারে ।

বাইকাউন্টে অন্তর্ভুক্ত রয়েছে নতুন লাইন এবং ফাঁকা।

আপডেট 1: ফায়ারফক্স এবং অন্যান্য ব্রাউজারগুলির জন্য সমর্থন যোগ করা হচ্ছে যার উপসর্গের প্রয়োজন নেই। আরও পরিষ্কারের পরেও 11 বাইট যুক্ত করা হয়েছে। ক্লিনআপ সম্ভব হয়েছিল কারণ ব্রাউজারগুলি ভাগ্যক্রমে এক্সএমএল-সংকলক পার্সারগুলির বিপরীতে এইচটিএমএল-ক্রাঞ্চিং পার্সার ব্যবহার করে এসভিজির ব্যাখ্যা করে।

লাইভ

<div id=a>                                                                      
<div id=b>                                                                      
<svg width=760 height=1000>                                                     
<g mask=url(#m)>                                                                
<g transform=translate(0,0)>                                                    
<animateTransform attributeName=transform type=translate dur=50 fill=freeze from=0,700 to=0,-450 />
<foreignObject width=760 height=800>                                            
<div style=width:740; >                                                         
<p>It is a period of civil war. Rebel                                           
spaceships, striking from a hidden                                              
base, have won their first victory                                              
against the evil Galactic Empire.</p>                                           
<p>During the battle, Rebel spies managed                                       
to steal secret plans to the Empire's                                           
ultimate weapon, the DEATH STAR, an                                             
armored space station with enough                                               
power to destroy an entire planet.</p>                                          
</div>                                                                          
<p>Pursued by the Empire's sinister agents,                                     
Princess Leia races home aboard her                                             
starship, custodian of the stolen plans                                         
that can save her people and restore                                            
freedom to the galaxy...</p>                                                    
</foreignObject>                                                                
</g>                                                                            
</g>                                                                            
<defs>                                                                          
<linearGradient id=g x1=0 y1=0% x2=0 y2=100%>                                   
<stop offset=0% />                                                              
<stop offset=25% />                                                             
<stop offset=35% stop-color=#fff />                                             
<stop offset=100% stop-color=#fff />                                            
</linearGradient>                                                               
<mask id=m>                                                                     
<rect width=100% height=100% fill=url(#g) />                                    
</mask>                                                                         
</defs>                                                                         
</svg>                                                                          
</div>                                                                          
</div>                                                                          
<style>                                                                         
body {                                                                          
margin: 0;                                                                      
width: 100%; height: 100%;                                                      
perspective: 700px;                                                             
-webkit-perspective: 700px;                                                     
background: url(http://vucica.net/s.php);                                       
}                                                                               
#a {                                                                            
position: absolute;                                                             
width: 100%;                                                                    
height: 700px;                                                                  
bottom: 0;                                                                      
transform-style: preserve-3d;                                                   
}                                                                               
#b {                                                                            
margin: auto auto auto auto;                                                    
width: 760px; height: 100%;                                                     
font-family: Courier; font-weight: bold; text-align: justify; font-size: 24pt;  
color: yellow;                                                                  
overflow: hidden;                                                               
transform: rotateX(45deg);                                                      
-webkit-transform: rotateX(45deg);                                              
}                                                                               
svg {                                                                           
position: absolute;                                                             
width: 760px;                                                                   
height: 100%;                                                                   
}

— ইভান ভুইকা
সূত্র

1

ফায়ার ফক্সে কাজ করার কোনও সুযোগ আপনি কী পেতে পারেন?

— ছদ্মবেশী

আমি অনুমান করব যে / -webkit / -moz / করবে (এবং আরও কয়েকটি চরিত্রের শেভ!) তবে আমি দেখতে পাব।

— ইভান ভুইসিকা

সম্পন্ন. (এবং আমি স্টার ওয়ার্সের খুব বেশি বড় অনুরাগীও নই ...)

— ইভান ভুইসিকা

4

পার্লম্যাগিক, 661 প্রোগ্রাম + 547 পাঠ্য ফাইল = 1208

বার্ষিকীর জন্য খুব দেরী হয়েছে, তবে ওপি 'অ্যানিমেটেড জিআইএফ' বলেছে, তাই ...

টিএল; ডিআর: অ্যানিমেটেড জিআইএফ-এর লিঙ্ক (৫ এমবি, ৪ 4০ * ২৪০, ১৩ (০ ফ্রেম) (আমি এখন যখন এই লিঙ্কটি চেষ্টা করি ততবারই এখানে একটি মিথ্যা সূচনা হয় - এটি ফাইলের মধ্যে নেই, সম্ভবত এটি প্রথমে ডাউনলোড করার চেষ্টা করুন some এবং কিছুটা ঝলকানি ... সম্ভবত আমি পরে এটি ব্যাখ্যা করব, - একটি পিষ্টক নয়, পুরো আইএম এবং জিআইএফ ধারণা;))।

পাঠযোগ্যতার জন্য নতুন লাইন এবং ইন্ডেন্টেশন সহ:

use Image::Magick;
$i=Image::Magick->new(
    depth=>8,
    page=>'480x440+20+0',
    background=>'#000',
    fill=>'#ff0',
    font=>'UbuntuMono-R.ttf',
    pointsize=>22
);
$i->Read('text:-');
$j=$i->Clone;
$i->Extent(y=>-440);
for(1..680){
    ($i->[2*$_]=$j->Clone)->Extent(y=>$_-440);
    ($i->[2*$_-1]=$i->[2*$_]->Clone)
        ->Composite(image=>$i->[2*$_-2],compose=>'Blend',blend=>50)
}
$i->Distort(method=>'Perspective','virtual-pixel'=>'Background',
    points=>[0,0,180,180,480,0,300,180,0,420,0,420,480,420,480,420]);
$i->Extent(geometry=>'480x240+0+200');
$g=Image::Magick->new(size=>'480x150');
$g->Read('gradient:#000-#fff');
$i->Composite(image=>$g,compose=>'Multiply');
$i->Set(delay=>10,loop=>0);
$i->Animate()

এটি এসটিডিআইএন থেকে পাঠ্য পাঠ করে, তবে জ্যামিতিটি হার্ড-কোডড, তাই সম্ভবত অন্য কোনও পাঠ্য ভাল ধারণা হবে না। এটি সংক্ষিপ্ত হতে পারে তবে টেক্সটটি শীর্ষে উঠার সাথে সাথে আমি বিবর্ণ হয়ে গিয়েছি এবং একক পিক্সেল দিয়ে উপরে উঠার ফলে একটি চপ্পি অ্যানিমেশন তৈরি হয়েছিল, তাই আমি কিছুটা ফাঁক দিয়েছি। এটি ২.২ গিগাবাইট র‌্যাম খায় এবং ৮ টি ইয়ো ডেস্কটপে ২-৩ মিনিট সময় নেয় (এবং সম্ভবত উইন্ডোজ ভাবেনদের পক্ষে কাজ করবে না), সুতরাং এখানে জিআইএফ কীভাবে পাবেন: শেষ লাইনটি প্রতিস্থাপন (বা যুক্ত) (200+ তৈরি করে) এমবি ফাইল):

$i->Write('out.miff')

এবং তারপর চালান

convert -size 8x1 gradient:black-yellow palette8.png
convert +dither out.miff -remap palette8.png out+.gif
convert +dither out+.gif -layers optimize out++.gif

মানের (প্যালেট আকার ইত্যাদি) এবং চূড়ান্ত জিআইএফ আকারের মধ্যে ট্রেড অফগুলি সুস্পষ্ট। $i->Remapপার্লম্যাগিক থেকে সরাসরি কল করা কাজ করে না, সম্ভবত একটি বাগ রয়েছে, এটি (আমার মনে হয়) +remapপ্রথমে চেষ্টা করার পরে কয়েক ঘন্টা সময় লাগে । আসলে, যুক্তিসঙ্গত (কেবলমাত্র কিছুটা বড়) GIF আকার গ্লোবাল প্যালেট ছাড়াই অর্জন করা যায় তবে এটি ব্যবহার করে $i->Quantizeপ্রতিটি ফ্রেম স্থানীয় প্যালেটকে প্রয়োজনীয় আকারে হ্রাস করে। ওহ, এবং কোনও প্যালেট অপ্টিমাইজেশন ছাড়াই যেমন উপরের স্ক্রিপ্ট থেকে জিআইএফ সংরক্ষণ করা 'যেমনটি' প্রায় 9 এমবি জিআইএফ ফাইল উত্পাদন করে।

— user2846289
সূত্র

চতুর্থ আপনার সাথে থাকুক!

এইচটিএমএল, 762

এইচটিএমএল / সিএসএস, 1047

এইচটিএমএল + সিএসএস + এসভিজি 1614 1625

পার্লম্যাগিক, 661 প্রোগ্রাম + 547 পাঠ্য ফাইল = 1208